两断神奇的代码，谁能告诉我为什么？？？

Question

 

function outerFunc()
{    
    var privateAttr = 10;  
  
    function innerFunc()
    {  
        privateAttr *= 2;  
        console.log(privateAttr);
        return privateAttr;   
    }  
   
    return innerFunc;  
}  
  
var refInnerFunc = new outerFunc();  
  
 
refInnerFunc(); 
 
refInnerFunc(); 

  
var refInnerFunc2 = new outerFunc();  
refInnerFunc2(); 

 

var MyNamespace = {};
  
MyNamespace.TreeItem = (function()
{        
    var numTreeItems = 0;  
      
    function counter()
    {  
        numTreeItems ++;  
        console.log("Created "+numTreeItems+" tree items!");  
    //alert(numTreeItems);
    } 
        
    return counter;
})(); 
  
var treeItem1 = new MyNamespace.TreeItem(); 
var treeItem2 = new MyNamespace.TreeItem();

 第一段执行的结果是20 40 20

 

第二段执行结果  Created 1 tree items!   Created 2 tree items!

 

两端代码差别就是一个匿名函数，为什么结果不一样？？？同样是new两个对象，为什么？？？

 

是看了这两篇文章后想到http://hbc8848.iteye.com/blog/798724和http://hbc8848.iteye.com/blog/798154

 

求解啊。

 

Answer 1

[code="javascript"]

function outer() { //使用闭包产生的私有静态变量，不可被外部访问 var numTreeItems = 0; //使用闭包产生的私有静态方法，不可被外部访问 function counter(){ numTreeItems ++; alert("Created "+numTreeItems+" tree items!"); } return counter; } var MyNamespace = {TreeItem : outer()}; var s1 = outer(); var s2 = outer(); s1(); // 1 s2(); // 1 MyNamespace.TreeItem(); //1 MyNamespace.TreeItem(); //2 new MyNamespace.TreeItem(); //3

[/code]