Question

我有一小段代码，如下所示。

var MY = MY || {};

MY.Farm = (function () {

    var add = function(x){
        console.log(x)
        return this + this;
    };

    return {
        add: function(x){
            return add(x);
        }

    }
});

在单独的文件中，我创建sheep MY.Farm

的实例

var sheep = new MY.Farm()

我希望能够像输出6

一样调用以下函数

sheep.add(3).add(2).add(1)

我是如何实现这一目标的？ MY.Farm代码段需要进行哪些更改以适应此情况？

提前致谢。

Answer 1

像这样的东西

var MY = MY || {};

MY.Farm = (function () {
    var x=0;
    return {
        add: function(newX){
            if(typeof(newX) !="undefined") {
                x+=newX;
                return this;
            }
            return x;
       }
    }
});

var sheep = MY.Farm();
console.log( sheep.add(2).add(4).add());

http://jsfiddle.net/7q0143er/

Answer 2

你离我太远了。诀窍是你需要跟踪某个地方的值，比如私有变量，add需要返回this。最后，您需要一种在完成后获取价值的方法：

MY.Farm = function () {
    var total = 0;

    return {
        add: function(x) {
          total += x;
          return this;
        },

        value: function() {
          return total;
        }
    };
};

var sheep = new MY.Farm();

sheep.add(3);
console.log(sheep.value()); // => 3

console.log(sheep.add(1).add(2).value()); // => 6

使用单例模式进行JavaScript函数链接

2 个答案: