0

我一直在使用新的 ECMAScript 6 功能，这个问题与箭头函数有关。以下代码是分配给Function对象原型的简单功能组合方法。使用简单的匿名函数可以很好地工作，但使用箭头函数时就不行了。

Function.prototype.compose = function (bar) {
    var foo = this;
    return function () {
        return foo(bar.apply(null, arguments));
    };
};

var addFive = function (baz) {
    return baz + 5;
};

var addTen = function (hello) {
    return hello + 10;
};

var addFifteen = addFive.compose(addTen);

console.log(addFifteen(10));

http://jsfiddle.net/oegonbmn/

Function.prototype.compose = function (bar) {
    var foo = this;
    return () => foo(bar.apply(null, arguments));
};

var addFive = function (baz) {
    return baz + 5;
};

var addTen = function (hello) {
    return hello + 10;
};

var addFifteen = addFive.compose(addTen);

console.log(addFifteen(10));

http://www.es6fiddle.com/hyo32b2p/

第一个25正确记录到控制台，而第二个记录功能(hello) { return hello + 10; }105并不能完全告诉我我做错了什么。

我没有返回箭头函数中的值，因为它应该隐式返回最后一个语句（本例中的第一个和最后一个），我认为手头的问题与词法范围和 this 的值有关， 也许。谁能解释一下？

4

1 回答 1

2

两者this和arguments都不是（重新）绑定在箭头函数中，而是词法范围。也就是说，您可以在周围范围内获得它们所绑定的任何内容。

在 ES6 中，arguments无论如何都不推荐使用 using。首选的解决方案是使用休息参数：

Function.prototype.compose = function (bar) {
  return (...args) => this(bar.apply(null, args));
};

或者，事实上：

Function.prototype.compose = function (bar) {
  return (...args) => this(bar(...args));
};
于 2014-08-10T09:25:13.550 回答