普通函数的this指向为：谁调用它this就指向谁，this被不同对象调用是会变的
箭头函数的this指向为：声明该箭头函数时，外层第一个普通函数的this指向谁就固定为谁，不会改变
function foo() { console.log(this) } const obj = { a: 2, foo: function(){console.log(this)} } foo() //this指向为window obj.foo() //this指向为对象obj let foo2 = obj.foo foo2() //this指向为window
let foo = ()=> { console.log(this) } const obj = { a: 2, foo: function () { return ()=>{console.log(this)} } } foo() //this指向window obj.foo()() //this指向对象obj let foo2 = obj.foo() foo2() //this指向对象obj
箭头函数是匿名函数，不能作为构造函数，不能使用new
function foo() { console.log(this) } new foo() //window let foo2 = ()=>{ console.log(this) } new foo2() //报错 Uncaught TypeError: foo2 is not a constructor
箭头函数不绑定arguments，用rest参数...解决
function foo() { console.log(arguments) } foo(1,2,3) //[1,2,3] let foo2 = ()=>{ console.log(arguments) } foo2(1,2,3) // 报错 Uncaught ReferenceError: arguments is not defined
我们可以使用展开符来获取参数
let foo2 = (...arguments)=>{ console.log(arguments) } foo2(1,2,3) //[1,2,3]
箭头函数使用bind、call、apply无效
var a = 1 var obj={ a:2 } function foo() { console.log(this.a) } foo() //1 foo.call(obj) //2，输出obj.a let foo2 = ()=>{ console.log(this.a) } foo2() //1 foo2.call(obj) //1，仍然输出window.a
箭头函数没有原型
var a = ()=>{ return 1; } function b(){ return 2; } console.log(a.prototype);//undefined console.log(b.prototype);//object{...}
