登录 主页

箭头函数(Arrow Function)

2024-06-11 09:42AM

参考:https://www.liaoxuefeng.com/wiki/1022910821149312/1031549578462080

ES6标准增加了一个新的函数:箭头函数(Arrow Function)

箭头函数的定义就是使用一个箭头:

x => x * x

上面的函数相当于:

function (x) {

  renturn x * x;

}

箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一种是上面代码中的这种,只包含一个表达式,连{ ... }return都省略掉了。还有一种哦可以包含多条语句,这时候就不可以省略{ ... }return:

x => {
    if (x > 0) {
        return x * x;
    }
    else {
        return - x * x;
    }
}

 如果参数不是一个,就需要使用大括号()括起来:

// 两个参数:
(x, y) => x * x + y * y

// 无参数:
() => 3.14

// 可变参数:
(x, y, ...rest) => {
    var i, sum = x + y;
    for (i=0; i<rest.length; i++) {
        sum += rest[i];
    }
    return sum;
}

注意:如果要返回一个对象,就要注意,如果是单表达式,这样写是会报错的:

// SyntaxError:
x => { foo: x }

因为和函数体的{ ... }有语法冲突,所以要改为:

// ok:
x => ({ foo: x })

 

返回>>

登录

请登录后再发表评论。

评论列表:

目前还没有人发表评论