js闭包中的this（匿名函数中的this指向的是windows）

时间：2023-02-10 12:32:32

js闭包中的this（匿名函数中的this指向的是windows）

一、总结

1、普通函数中的this指向的是对象，匿名函数中的this指向的是windows，和全局变量一样

2、让匿名函数中的this指向对象的两种方法

  • 可以使用对象冒充强制改变this的指向
  • 将this赋值给一个变量，闭包访问这个变量

二、js闭包中的this

闭包中的this问题

  • 之前的课程中讲过this是在运行时基于函数的执行环境来绑定的
  • 全局函数中的this是window，而当函数作为某个对象的方法调用时，this就是指的那个对象......
  • 匿名函数的执行环境具有全局性，this通常是指向window的。
    • 可以使用对象冒充强制改变this的指向
    • 将this赋值给一个变量，闭包访问这个变量

三、代码

 <!DOCTYPE html>

 <html lang="zh-cn">

 <head>

   <meta charset="utf-8">

   <title>课堂演示</title>

 </head>

 <body>

   <script>

   /*

       var name='The Window';

       var obj=new Object();

       obj.name='my obj';

       obj.get=function(){

           return this.name;

       }

       var obj={

       name:'my obj',

       get:function(){

           return this.name;

         }

       }

       alert(obj.get())  //返回 'my obj'

     var name='The Window';

     var obj={

       name:'my obj',

       get:function(){

           return function(){

             return this.name;

           }

         }

       }

       alert(obj.get()()) //这次返回的是全局变量 'The Window'
       alert(obj.get().call(obj))//这次又返回的是'my obj'，因为call()强制改变了this的指向

   */

   var name='The Window';

     var obj={

       name:'my obj',

       get:function(){
//这里的this指的是对象，这里为obj

         var self=this

           return function(){
//闭包里的this指的是window

             return self.name;

           }

         }

       }

       alert(obj.get()()) 

   </script>

 </body>

 </html>

相关文章