06.箭头函数

// 箭头函数

 

一、 使用=>来定义,function(){}=()=>{}

// 1.es5中函数的定义

let add = function (a, b) {

return a + b;

}

// 2.es6中函数的定义

let add = (a, b) => {

return a + b;

}

 

二、箭头函数this指向和注意事项

//1.箭头函数没有this指向，箭头函数内部this值只能通过查找作用域链来确定，

//2.一旦使用箭头函数，当前就不存在作用域链.

//3.注意事项：箭头函数内部没有arguments.

//4.箭头函数不能使用new关键字来实例化对象。

　　　　

/* let pageHandle = {

　　　　　　id: 1,

//es5的函数

　　　　　　init: function () {

　　　　　　　　　　document.addEventListener('click', function (event) {

　　　　　　　　　　this.dosomethings(event.type);

　　　　　　　　　　}.bind(this), false)

　　　　　　　　},

//es6的函数

　　　　　　 init: function () {

　　　　　　　　　　 document.addEventListener('click', (event) => {

　　　　　　　　　　this.dosomethings(event.type);

　　　　　　　　　　}, false)

　　　　　　　　 },

　　　　　　dosomethings: function (type) {

　　　　　　console.log(`事件类型：${type},ID:${this.id}`);

　　　　　　 }

　　 }

pageHandle.init(); */