js中this指向的几种情况

秃头总会发光

于 2022-03-14 15:25:26 发布

阅读量276

点赞数

分类专栏： js中this 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/qq_57507356/article/details/123479701

版权

js中this 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了JavaScript中this的三种主要用例：函数调用、方法调用和构造函数调用。在函数调用时，this指向全局对象；作为对象方法调用时，this指向调用该方法的对象；在构造函数中，this指向新创建的对象。同时，解释了构造函数的执行流程，包括对象创建、this绑定、代码执行和返回新建对象的步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 <script>
            //this的几种情况 ：
            //    （1）当以函数形式调用时，this指向Windows
                // （2）当以方法形式调用时，谁调用方法this就指向谁
                // （3）当以构造函数调用时，this就指向新建的对象
            
              function  Person(){
                 console.log(this)   
              }
            //1.以函数形式调用
              Person();   //this==>windows
            //2.
              var obj={
                  name:"孙悟空",
                  sayname:Person
              }
              //以方法形式调用
              obj.sayname();   //this==>Object 

            //3.
              var par=new Person();
              //以构造函数形式调用
              par.sayname();   //this==>Person  
              
              
              //构造函数：就是一个普通的函数，
              //创建方式和普通函数没有区别，
              //不同的是构造函数习惯上首字母大写
                //构造函数执行流程：
                // （1）立即创建一个新的对象
                // （2）将新建的对象设置为函数中的this
                // （3）逐行执行代码
                // （4）将新建的对象作为返回值返回
        </script>