ES6面试题——箭头函数和普通函数有什么区别

1. this指向问题

<script>
let obj = {a: function () {console.log(this); // 打印出：{a: ƒ, b: ƒ}},b: () => {console.log(this); // 打印出Window {window: Window, self: Window,...}},
};
obj.a();
obj.b();
</script>

箭头函数中的this是在箭头函数定义时就决定的，而且是不可修改的（call,apply,bind）

箭头函数的this指向定义的时候，外层第一个普通函数的this

<script>
let obj = {run: function(){return () => {console.log( this ); // 打印出：{run: ƒ}}}
}
obj.run()();
</script>

2. 箭头函数不能new（也就是不能当作构造函数）

<script>
let run = ()=>{return 1111
}
console.log( new run() ); // 会报错：run is not a constructor
</script>

3. 箭头函数没有prototype（原型对象）

<script>
let run = ()=>{return 1111
}
console.log( run.prototype ); // 打印出：undefined
</script>

4. 箭头函数没有arguments

/* 箭头函数没有arguments */
<script>
let run = ()=>{console.log( arguments );  // 会报错arguments is not defined
}
run();
</script>/* 普通函数是一定有arguments的 */
<script>
let run = function (){console.log( arguments );  // 打印出：Arguments [callee: ƒ, Symbol(Symbol.iterator): ƒ]
}
run();
</script>