window和nodejs作用域區別(待續)

c3tc3tc3t發表於2015-12-24
//這是在瀏覽器環境下,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

  

相關文章