ES6 极简教程 <6> 函数扩展

目录

• 1. 函数参数默认值
• 2. rest 参数
• 3. 箭头函数
  • 3.1用法
  • 3.2 关于this
  • 3.3. call apply bind 与箭头函数
  • 3.4. 其他

1. 函数参数默认值

用法如下

{
    function test(x, y = 'world') {
        console.log('默认值', x, y);
    }
    test('hello');        // hello world
    test('hello', 'TH');  // hello TH
}

2. rest 参数

在不确定参数个数的时候，把输入的参数都转化为数组：

注意： rest 参数后边不能再放其他参数了， 否则会报错

{
    function test3(...arg) {
        for (let v of arg) {
            console.log('rest', v);
        }
    }
    test3(1, 2, 3, 4, 'a');  
}

// rest 1
// rest 2
// rest 3
// rest 4
// rest a

3. 箭头函数

引入箭头函数有两个方面的作用：更简短的函数并且不绑定this。

3.1用法

(参数1, 参数2, …, 参数N) => { 函数声明 }

//相当于：(参数1, 参数2, …, 参数N) =>{ return 表达式; }
(参数1, 参数2, …, 参数N) => 表达式（单一）

// 当只有一个参数时，圆括号是可选的：
(单一参数) => {函数声明}
单一参数 => {函数声明}

// 没有参数的函数应该写成一对圆括号。
() => {函数声明}

3.2 关于this

箭头函数不会创建自己的this,它只会从自己的作用域链的上一层继承this。this会在函数定义时候就被确定（es5中非箭头函数则在运行是才会被确定）

function Person(){
  this.age = 0;

  setInterval(() => {
    this.age++; // |this| 正确地指向 p 实例
  }, 1000);
}

var p = new Person();

3.3. call apply bind 与箭头函数

由于箭头函数没有自己的this指针，通过 call() 或apply() 方法调用一个函数时，只能传递参数（不能绑定this），他们的第一个参数会被忽略。（这种现象对于bind方法同样成立）。

3.4. 其他

箭头函数不能用作构造器，和new一起用会抛出错误。

箭头函数不绑定Arguments 对象。

箭头函数没有prototype属性。

yield 关键字通常不能在箭头函数中使用（除非是嵌套在允许使用的函数内）。因此，箭头函数不能用作生成器