欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

ES6特性:箭头函数

程序员文章站 2023-12-21 23:49:22
...

ES6允许使用"箭头"(=>)定义函数。

基本语法:参数=>函数体

var f = v => v;    //等价于
var f = function(v){
    return v;
};

如果箭头函数不需要参数或需要多个参数,需要使用()括起来

var f = () => 1;  //等价于
var f = function () { return 1 };

var sum = (a,b) => a+b;    //等价于
var sum = function (a,b) { return a+b };

当箭头函数的函数体有多行语句,需要用{}括起来,表示代码块,并且用return来返回值;只有一行一条语句时可以忽略{},结果会自动返回。

var sum = (a,b) =>{
    let num = a+b;
    return num;
}

当箭头函数要返回对象的时候,为了区分于代码块,要用()将对象括起来,否则会报错

let func = (a,b) => { a:a,b:b };    // func(1,2)  报错
let func = (a,b) => ({ a:a,b:b });    // func(1,2)    { a:1,b:2 }

注意:

(1)箭头函数内的this对象,就是定义时所在的对象,而不是使用时所在的对象

function func(){
    setTimeout(()=>{
        console.log(this.a);
    })
}
var a=10;
func();    // 10   此时this指向window
func.call({a:20});    // 20  {a:20}调用func对象的方法

// setTimeout的参数是一个箭头函数,该函数的定义生效是在func函数生成时,箭头函数的this总是指向函数
// 定义生效时所在的对象,即{a:20},所以输出20

(2)不可以作为构造函数,也就是不能使用new命令,否则报错

(3)不可以使用arguments对象,该对象在函数体内不存在。如果要用,可以使用rest参数代替

rest参数(形式为...变量名),用于获取函数的多余参数,这样就不需要arguments对象了。rest参数搭配的变量是一个数组,该变量将多余的参数放入数组中

function add(...nums){
    let sum=0;
    for(var val of nums){
        sum+=val;
    }
    return sum;
}
add(1,2,3);    // 6

(4)不可以使用yield命令,因此箭头函数不能用作Generator函数

上一篇:

下一篇: