箭头表达式

Javascript 箭头函数和匿名函数

Javascript在ES6标准下增加了箭头函数(Arrow Function),可以简化匿名函数的写法。

1
2
3
function() {
return "这是一个匿名函数";
}
1
() => return "这是一个箭头函数";

如果是带参数,只需要括号内增加参数即可

1
(x,y) => return x + y;

this

在箭头函数中,this的作用域和普通匿名函数是完全不一样的,箭头函数中的this作用域是词法作用域,比如:

1
2
3
4
5
6
var foo = {
name = "foo name",
func = () => {
return "the object foo property name is: " + this.name;
}
}

需要注意的是,如果是使用匿名函数的形式,其中的this.name就会返回一个undefined,因为传统的匿名函数的this作用域不在foo对象中。


箭头表达式
http://example.com/2022/05/24/箭头表达式/
Author
John Doe
Posted on
May 24, 2022
Licensed under