JavaScript ES6 中箭头函数的使用
箭头函数的优点
- 只有一个表达式的时候,都不需要写
{...}
函数体 和return
- 箭头函数完全修复了
this
的指向问题,箭头函数中的this
总是指向词法作用域,由上下文确定,如果使用了箭头函数,那么就不用再像以前那样写let that = this;
了。
定义一个箭头函数
x => x * x
// 等同于
function (x) {
return x * x;
}
多个参数时
// 多个参数时
(x, y) => x * x + y * y
// 没有参数时
() => 3.14
// 如果要返回一个对象时,并且还是单表达式时,则需要这么写
x => ({ demo: x})