箭头函数以及和普通函数的区别

1、this指向不同,箭头函数的this在定义的时候继承自外层第一个普通函数的this

2、箭头函数不绑定arguments,取而代之用rest参数…解决,所以也没有caller callee

        rest参数有两点需要注意:1. rest必须是函数的最后一位参数, 2. 函数的length属性,不包括rest 参数

let a = (first, ...rest, three) => {
  console.log(first, rest,three); // 报错:Rest parameter must be last formal parameter
};
a(1, 2, 3, 4);

(function fun(...a){}).length //0
(function fun(x,y,...a){}).length //2

3、一行代码返回值不同 

有一条语句时可以省略{}和return

4、使用new调用箭头函数会报错,因为箭头函数没有constructor,没有原型,不能继承,不能new, 箭头函数不支持new.target

5、箭头函数没有prototype(原型),所以箭头函数本身没有this

6、箭头函数不能当做Generator函数,不能使用yield关键字

 

你可能感兴趣的:(Web前端开发,箭头函数)