ES6学习笔记（十一）之函数的扩展3

name属性

1. 匿名函数赋值给一个变量，ES5中的name属性返回空字符串，而ES6中的name属性返回实际的函数名（即赋值的变量名）。

//ES6匿名
let a = function () {};
console.log(a.name); // a

2. 具名函数无论有没有赋值给一个变量，name属性返回的是具名函数的名称。

let b = function bTest() {};
console.log(b.name);  // bTest

3. Function构造函数返回的函数实例的name属性返回的值为anonymous。

console.log((new Function()).name); //anonymous

4. bind返回的函数的name属性返回的值前面都会加上“ bound”前缀。

let a = function () {};
console.log(a.bind({}).name); //bound a

箭头函数

用法：使用 " => "

//箭头函数
setTimeout(
    () => {
        console.log('箭头函数');
    }
);
//普通函数
setTimeout(
    function () {
        console.log('普通函数');
    }
);

好处：

• 可以与变量解构结合使用；
• 代码表达更加简洁；
• 简化回调函数，并且可让this指向固定化，有利于封装回调函数。

let arr = [1, 2, 3];
let sum = 0;
arr.map(v => sum += v);
console.log(sum); //6

注意事项

1. 箭头函数体内的this对象就是定义箭头函数时所在的对象。
2. 由于箭头函数没有自己的this，所以不可当构造函数（即不可用new命令），也不能用call()、apply()、bind()这些方法改变this指向。
3. 不可用arguments对象（不存在箭头函数体内），可用rest参数代替。
4. 箭头函数不能用作Generator函数，不可使用yield命令。