//這是在瀏覽器環境下,chrome下 var n =2 ; var obj={ n:4, fn1:(function(){ console.log("fn1->this ="+this); //這裡立即執行時,this是window console.log("fn1->this.n = "+this.n); //這裡是2 this.n *=2; n = n*2; //這裡的n是取下面沒賦值的n,所以結果是nan,當變數在使用時還沒賦值,但是下面有var語句包含這個變數,這時變數是undefiend console.log("fn1->n = "+n); //nan var n = 3; //這裡n才賦值 return function() { this.n*=2; //這裡是在下面fn1()呼叫時時執行,所以這裡的this是window console.log("匿名函式裡的this.n="+this.n); //8 n *=3; //這裡取外層作用域的3 console.log("匿名函式裡的n="+n); //9 } } )() } var fn1 = obj.fn1; console.log(obj.n); //4 console.log(n); //8 fn1(); console.log(n) //8 console.log(obj.n); //4
//node 環境下 var n =2 ; var obj={ n:4, fn1:(function(){ console.log("fn1->this ="+this); //這裡的this是global物件 console.log("fn1->this.n = "+this.n); //global沒有n,所以n是underfined this.n *=2; //這裡是nan,因為n是undefined,所以乘以2是nan n = n*2; //同理下面才給n賦值這裡的n*2是nan console.log("n=n*2,n is "+n); var n = 3; return function() { this.n*=2; console.log("匿名函式裡的this.n="+this.n); //global沒有n,所以這裡是nan n *=3; console.log("匿名函式裡的n="+n); //9 引用上面 var n=3 這裡的3 } } )() } var fn1 = obj.fn1; console.log(obj.n); //4 console.log(n); //2 fn1(); console.log(n) //2 console.log(obj.n); //4