<script>
/*（1）函數(shù)體內(nèi)的this對象诉探，就是定義時所在的對象辈灼，而不是使用時所在的對象感猛。
（2）不可以當作構(gòu)造函數(shù)，也就是說，不可以使用new命令饭聚，否則會拋出一個錯誤逸雹。
（3）不可以使用arguments對象，該對象在函數(shù)體內(nèi)不存在俐镐。如果要用矫限，可以用 rest 參數(shù)代替。
（4）不可以使用yield命令佩抹，因此箭頭函數(shù)不能用作 Generator 函數(shù)叼风。*/
function foo() { setTimeout(() => { console.log('id:', this.id); }, 100); } var id = 21; foo.call({ id: 42 }); // id: 42
//上面代碼中，setTimeout的參數(shù)是一個箭頭函數(shù)棍苹，這個箭頭函數(shù)的
定義生效是在foo函數(shù)生成時无宿，
//而它的真正執(zhí)行要等到 100 毫秒后。如果是普通函數(shù)枢里，執(zhí)行時this
應(yīng)該指向全局對象window孽鸡，這時應(yīng)該輸出21。
//但是栏豺，箭頭函數(shù)導致this總是指向函數(shù)定義生效時所在的對象（本例
是{id: 42}）彬碱，所以輸出的是42。*/
/*箭頭函數(shù)可以讓setTimeout里面的this奥洼，綁定定義時所在的作用域巷疼，
// 而不是指向運行時所在的作用域。下面是另一個例子灵奖。
function Timer() { this.s1 = 0; this.s2 = 0; // 箭頭函數(shù) setInterval(() => this.s1++, 1000); // 普通函數(shù) setInterval(function () { this.s2++; }, 1000); } var timer = new Timer(); setTimeout(() => console.log('s1: ', timer.s1), 3100); setTimeout(() => console.log('s2: ', timer.s2), 3100); // s1: 3 // s2: 0 */
//箭頭函數(shù)可以讓this指向固定化嚼沿，這種特性很有利于封裝回調(diào)函數(shù)。
// 下面是一個例子桑寨，DOM 事件的回調(diào)函數(shù)封裝在一個對象里面伏尼。
var handler = { id: '123456', init: function() { document.addEventListener('click', event => this.doSomething(event.type), false); }, doSomething: function(type) { console.log('Handling ' + type + ' for ' + this.id); } };
//上面代碼的init方法中，使用了箭頭函數(shù)尉尾，這導致這個箭頭函數(shù)里面
的 this爆阶，總是指向handler對象。
// 否則沙咏，回調(diào)函數(shù)運行時辨图，this.doSomething這一行會報錯，因為此時
this指向document對象肢藐。
//this指向的固定化故河，并不是因為箭頭函數(shù)內(nèi)部有綁定this的機制，實際原因是箭頭函數(shù)根本沒有自己的this吆豹，
// 導致內(nèi)部的this就是外層代碼塊的this鱼的。正是因為它沒有this理盆，所以也就不能用作構(gòu)造函數(shù)。
//如下：
function foo() { return () => { return () => { return () => { console.log('id:', this.id); }; }; }; } var f = foo.call({id: 1}); var t1 = f.call({id: 2})()(); // id: 1 var t2 = f().call({id: 3})(); // id: 1 var t3 = f()().call({id: 4}); // id: 1
上面代碼之中凑阶，只有一個this猿规，就是函數(shù)foo的this，所以t1宙橱、t2姨俩、t3都輸出同樣的結(jié)果。
因為所有的內(nèi)層函數(shù)都是箭頭函數(shù)师郑，都沒有自己的this环葵，它們的this其實都是最外層foo函數(shù)的this。*/
</script>
