JS容易犯错的this和作用域

最新推荐文章于 2024-12-04 12:20:51 发布

zeyu1021

最新推荐文章于 2024-12-04 12:20:51 发布

阅读量323

点赞数

    原文地址： http://www.cnblogs.com/bennman/archive/2013/09/08/3309024.html 
   
         var  
         someuser = {  
        
         name:  
         'byvoid' 
         ,  
        
         func:  
         function 
         () { 
        
         console.log( 
         this 
         .name);  
        
         } 
        
         };  
        
         var  
         foo = {  
        
         name:  
         'foobar' 
        
         }; 
        
         someuser.func();  
         // 输出 byvoid 
        
         foo.func = someuser.func;  
        
         foo.func();  
         // 输出 foobar 
        
         name =  
         'global' 
         ; 
        
         func = someuser.func;  
        
         func();  
         // 输出 global

在 JavaScript 中,上下文对象就是 this 指针,即被调用函数所处的环境。上下文对象的作用是在一个函数内部引用调用它的对象本身。
在 JavaScript 中,本质上,函数类型的变量是指向这个函数实体的一个引用,在引用之间赋值不会对对象产生复制行为。我们可以通过函数的任何一个引用调用这个函数,不同之处仅仅在于上下文。
仔细观察上面的例子,使用不同的引用来调用同一个函数时,this 指针永远是这个引用所属的对象

 
         var  
         scope =  
         'top' 
         ; 
        
         var  
         f1 =  
         function 
         () {  
        
         console.log(scope); 
        
         }; 
        
         f1();  
         // 输出 top 
        
         var  
         f2 =  
         function 
         () {  
        
         var  
         scope =  
         'f2' 
         ;  
        
         f1(); 
        
         }; 
        
         f2();  
         // 输出 top