设置javascript函数的状态不保存

Question

我正在尝试创建一个新函数 MyNs.MyObj()，在其上调用一个修改“私有”变量“prop1”的方法，并在下一次访问公共访问器“Prop1”时调用它检索保存的变量。

运行以下代码后，输出仍然是“2”（初始值）。有人可以帮我理解为什么调用 Method 函数不会像我期望的那样更新 Prop1 变量吗？

var MyNs = MyNs || {};

(function( o ){
    o.MyObj = function (options) {
        var prop1 = options;

        var obj = {
            Prop1: prop1,
            Method: function() { 
                prop1 = "abc";
            }
        };

        return obj;
    };
})(MyNs);

var s = new MyNs.MyObj(2);
s.Method();

console.log(s.Prop1);

Answer 1

当你这样做时

var prop1 = options;

var obj = {
    Prop1: prop1
};

您当时已将Prop1 设置为prop1 的值，以后更改prop1 将不会更新Prop1。
你可以很容易地用类似的东西来测试它

var a = 'abc'; // set a value on 'a'
var b = a;     // set 'b' to equal 'a', as it's a string, it's passed directly

a = 'bca';     // set a new value for 'a'

alert(b);      // still outputs 'abc'

FIDDLE

这意味着你必须更新属性，而不是变量，你会这样做

var MyNs = MyNs || {};

(function( o ){
    o.MyObj = function (options) {
        var prop1 = options;

        var obj = {
            Prop1: prop1,
            Method: function() { 
                this.Prop1 = "abc";
            }
        };

        return obj;
    };
})(MyNs);

var s = new MyNs.MyObj(2);
s.Method();

console.log(s.Prop1);

FIDDLE