箭头函数

Posted 2021-10-27 是小王呀

1.原生写法：function(){};

var a = function(){console.log(\'wl\')};

2.es6（箭头函数）

1).不传参：()=>{};

var a = ()=>{ console.log(\'wl)};

 

2)传一个参：item=>{}; 在传一个参时括号可省略

let a = b => { console.log(b)};

 

3.传两个参：（item,index）=>{};在返回结果只有一行时return,{}可以省略

 

 let a = (item,index)=>item+index;

 

面试题系列---箭头函数和普通函数的区别？箭头函数的优缺点？

箭头函数和普通函数的区别？

1.外形不同：箭头函数使用箭头定义，普通函数中没有

2.箭头函数都是匿名函数

3.箭头函数不能用于构造函数，不能使用new**

4.箭头函数中this的指向不同
(1)在普通函数中，this总是指向调用它的对象，如果用作构造函数，this指向创建的对象实例。

(2)箭头函数本身没有this，箭头函数的 this 永远指向其上下文的 this ，任何方法都改变不了其指向，如 call() , bind() , apply()

5.其他区别
（1）箭头函数不能用作Generator函数，不能使用yeild关键字。
（2）箭头函数不具有prototype原型对象。
（3）箭头函数不具有super。
（4）箭头函数不具有new.target。

（5）箭头函数不能使用arguments对象。

注意：this一旦被捕获，就不再发生变化

箭头函数有什么优缺点？

优点：写法很简洁，不用再定义this

缺点：this指向会难以阅读