箭头函数

最新推荐文章于 2025-04-01 09:34:28 发布

拥星辰与洛

最新推荐文章于 2025-04-01 09:34:28 发布

阅读量159

点赞数

分类专栏： ES6 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.youkuaiyun.com/jxl03280825/article/details/121199457

版权

ES6 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了ES6中新增的箭头函数，包括其定义方式、语法特点、this行为、限制（如不可用作构造函数和Generator），以及使用时的常见应用场景和注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、ES6标准新增了一种新的函数：Arrow Function（箭头函数）。

函数的定义方法我们通常是：

var fn1 = function(a, b) {

    return a + b

}

 

function fn2(a, b) {

    return a + b

}

使用ES6箭头函数语法定义函数，将原函数的“function”关键字和函数名都删掉，并使用“=>”连接参数列表和函数体。

var fn1 = (a, b) => {

    return a + b

}

 

(a, b) => {

    return a + b

}

当函数参数只有一个，括号可以省略；但是没有参数时，括号不可以省略。

// 无参

var fn1 = function() {}

var fn1 = () => {}

 

// 单个参数

var fn2 = function(a) {}

var fn2 = a => {}

 

// 多个参数

var fn3 = function(a, b) {}

var fn3 = (a, b) => {}

使用箭头函数应该注意：

1、用了箭头函数，this就不是指向window，而是父级（指向是可变的）

2、不能够使用arguments对象

3、不能用作构造函数，这就是说不能够使用new命令，否则会抛出一个错误

4、不可以使用yield命令，因此箭头函数不能用作 Generator 函数