小心使用 ’[]‘ 初始化一个数组变量

首先看下面这段代码：

 //有一个类Count    

var Count = (function (){

  var _pri = {}, _pub = {};

  var _main = function (){

    _pri.initNum();

  };

  _pri = {

    num : [1,3,4,5],

    initNum : function (){

      this.num = [];

    },

    addNum : function (){

      this.num.push(Math.round(Math.random()*20));

    }

  };

  Mix(_pub,{

    num : _pri.num,

    addNum : _pri.addNum

  })

​  _main();

  return _pub;

})

//然后实例化一个对象

var oCount = new Count();

oCount.addNum();

console.log(oCount.num);  //[1,3,4,5,x]   (x表示一个0-20的随机数) 

得到的是最初的值，怎么回事呢~？~我们来看看下面这个例子

//例2

function a(){

  this.name = "aaa";

}

function b(){

  this.name = "bbb";

}

var oa = new a();

var oaa = oa;

console.log(oa.name);  //aaa

console.log(oaa.name); //aaa

oa = new b();

console.log(oa.name);  //bbb

console.log(oaa.name); //aaa

分析：oa = new a(),说明oa是a的一个实例，oa.name === "aaa", oaa = oa，oaa指向oa，是oa的一个引用，那么自然oaa.name === "aaa"。当执行oa = new b(),oa重新赋值为一个b的实例，那么oa.name === "bbb",但是oaa却指向之前的oa，所以oaa === “aaa”。

与之类似，当使用num = [],其实是对象Array的一个实例。想要初始化一个数组，使用num.length = 0或清空数组中的值（splice）。

//例3

var Count = (function (){

  var _pri = {}, _pub = {};

  var _main = function (){

    _pri.initNum();

  };

  _pri = {

    num : [1,3,4,5],

    initNum : function (){

      this.num.length = 0;

    },

    addNum : function (){

      this.num.push(Math.round(Math.random()*20));

    }

  };

  KISSY.mix(_pub,{

    num : _pri.num,

    addNum : _pri.addNum

  })

  _main();

  return _pub;

})

 

var oCount = new Count();

oCount.addNum();

console.log(oCount.num); //[x]  (x表示一个0-20的随机数)