箭头函数 '() => {}' 在 Javascript 中是什么意思？ [复制]

Question

我正在阅读ScrollListView 的源代码，在几个地方我看到了() => {} 的使用。

如第25行，

this.cellReorderThreshold = () => {
    var ratio = (this.CELLHEIGHT*this.cellsWithinViewportCount)/4;
    return ratio < this.CELLHEIGHT ? 0 : ratio;
};

第 31 行，

this.container.addEventListener('scroll', () => this.onScroll(), false);

第 88 行。

resizeTimer = setTimeout(() => {
    this.containerHeight = this.container.offsetHeight;
}, 250);

这是function 的简写吗？如果它有任何不同，那又如何？

Answer 1

这是 ES6 的新箭头语法。它与this 的处理方式不同：function 根据 调用 上下文（传统语义）获得this，但箭头函数保留 this >定义。

见http://tc39wiki.calculist.org/es6/arrow-functions/

Answer 2

ECMAScript 6 arrow function 引入了 arrow function 语法的箭头 (=>) 部分。

箭头函数的工作方式与传统的 JavaScript 函数不同。我发现这篇文章解释了与传统功能有何不同：http://www.nczonline.net/blog/2013/09/10/understanding-ecmascript-6-arrow-functions/