在JavaScript中，可以有一系列包含参数的键值函数

Question

我在javascript中有一个包含一组变量的函数：

var mainFunction = function(){
    this.var1 = null;
    this.var2 = null;
}

有没有办法将 main 函数设置为包含子函数，这些子函数将允许我通过点表示法修改这些实例变量，如下所示。

mainFunction.output()                                      // null, null
mainFunction.changeVar1("foo").output()                    // foo, null
mainFunction.changeVar2("bar").output()                    // null, bar
mainFunction.changeVar1("foo").changeVar2("bar").output()  // foo, bar

并且可选（尽管我怀疑可能）：

mainFunction.changeVar2("bar").changeVar1("foo").output()  // foo, bar   

Answer 1

var mainFunction = function(var1, var2) {
    this.var1 = var1 || null;
    this.var2 = var2 || null;
};
mainFunction.prototype.output = function() {
    console.log(this.var1, this.var2);
};
mainFunction.prototype.changeVar1 = function(value) {
    return new mainFunction(value, this.var2);
};
mainFunction.prototype.changeVar2 = function(value) {
    return new mainFunction(this.var1, value);
};
var mfunc = new mainFunction();
mfunc.output()                                      // null, null
mfunc.changeVar1("foo").output()                    // foo, null
mfunc.changeVar2("bar").output()                    // null, bar
mfunc.changeVar1("foo").changeVar2("bar").output()  // foo, bar
mfunc.changeVar2("bar").changeVar1("foo").output()  // foo, bar  

Fiddle

Answer 2

以下是您要查找的内容：

function sample() {
    function chart() {
        this.var1 = null;
        this.var2 = null;
    }
    chart.output = function (_) {
        console.log("output: ", var1, var2);
        return chart;
    };
    chart.changeVar1 = function (_) {
        if (!arguments.length) return var1;
        var1 = _;
        return chart;
    };
    chart.changeVar2 = function (_) {
        if (!arguments.length) return var2;
        var2 = _;
        return chart;
    };
    return chart;
}
new sample().changeVar1(13).changeVar2(1986).output(); // output: 13 1986

演示小提琴

由于此方法使用方法链，因此每个函数调用都会返回实例，您可以使用该实例进一步调用类的其他方法。