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})

results matching ""

    No results matching ""