<<深入理解ES6>>记:三

第三章 函数

1.函数形参的默认值

function makeRequest(url, timeout = 2000, callback = function() {}) {
}

2.arguments
在非严格模式下, 命名参数的变化会同步更新到arguments对象中, 然而, 在ESMAScript5的严格模式下, 取消了arguments对象的这个令人感动疑惑的行为

function(first) {
    console.log(first === arguments[0]);    // true  (ESMAScript5的严格模式: true)
    first = "c";
    console.log(first === arguments[0]);    // true  (ESMAScript5的严格模式: false)
}
在ECMAScript6中, 如果函数使用了默认参数值, 则无论是否显示定义为严格模式, arguments对象行为都将与ECMAScript5严格模式下保持一致

3.默认参数表达式

function getValue() {
    return 5;
}
function add(first, second = getValue()) {
}
console.log(add(1, 1));   // 2
console.log(add(1));      // 6

4.不定参数
在函数的命名参数前添加三个点(...)就表明这是个不定参数,该参数为一个数组

• 不定参数的使用限制:
  • 每个函数最多只能声明一个不定参数, 而且一定要在所有参数末尾
  • 不定参数不能使用于对象字面量setter中
• 无论是否使用不定参数, arguments对象总是包含所有传入函数的参数;

function pick(object, ...keys) {
    let result = Object.create(null);
    for(let i = 0, len = keys.length; i < len; i++) {
        result[keys[i]] = object[keys[i]];
    }
    return result;
}

5.展开运算符
展开运算符与不定参数类似(貌似功能相反那种)
展开运算符可以打开指定的数组, 以独立的形式传入函数

需求:利用Math.max()求多个数的最大值, 希望以数组形式传参
+ 可以这样
let values = [25, 50, 75, 100];
console.log(Math.max.apply(Math, values));
+ 也可以这样
console.log(Math.max(...values));

6.name属性
为了解决匿名函数表达式的广泛使用增加的调试难度, ES6增加了name属性

function doSomething() {}
var doOther = function() {}
console.log(doSomething.name);
console.log(doOther.name);

7.元属性(Metaproperty) new.target
为了判断是否通过new关键字调用的问题,ES6中引入new.target(注意点: 只能在函数内使用)这个元属性

function Person(name) {
    if(typeof new.target !== 'undefined') {
        this.name = name;
    }else {
        throw new Error('必须通过new关键字调用函数');
    }
}
var p = new Person("Jack");
var notP = Person.call(p, "Rose");   // 抛出错误

8.块级函数
块级函数和let函数的区别: let函数不会被提升

"use strict";

if(true) {
    console.log(typeof doSomething);   // 抛出错误
    let doSomething = function() {}
    doSomething();
}
console.log(typeof doSomething);

9.箭头函数

• 没有this, super, arguments, new.target绑定
• 不能通过new关键字调用
• 没有原型