且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

javascript - 下面这段代码为什么不能实现正确逻辑?

更新时间:2022-10-29 10:51:01

--update2--
对题主的代码进行了一点修改

var myNumber = {
  value: 1,
  add: function(i){
    var helper = function(i){
        console.log(this);
          this.value += i;
    }
    helper.call(myNumber,i);
  }
}
myNumber.add(1);

区别在于原来使用helper(i),改成了helper.call(myNumber, i);
这样子可以保证在helper函数内部的this对象指向的是myNumber,而不是原来的window对象。
如果不用helper函数的,可以简单点,

var MyNumber = {
        value : 1,
        add: function(i) {
                MyNumber.value += i;
        }
};

MyNumber.add(1);
console.log(MyNumber.value);

这样子呢?

--update--

var MyNumber = (function() {
        var value = 1;
        var helper = function(i) {
            value += i;
        };
        return {
            add: function(i) {
                helper(i);
            },
            get: function() {
               return value;
            }
        }
})();

MyNumber.add(1);
console.log(MyNumber.get());
MyNumber.add(1);
console.log(MyNumber.get());