js(5)关于this的指代值

最新推荐文章于 2025-06-26 15:06:27 发布

转载最新推荐文章于 2025-06-26 15:06:27 发布 · 121 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/qianduangaoshou/p/6842174.html

本文详细解释了JavaScript中this关键字的概念及使用场景，包括全局环境、对象方法、匿名函数中的this指向，以及如何通过apply()和call()方法改变this的指向。

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

一：this是什么

this是在函数中的概念，在函数内部存在两个特殊的对象，arguments和 this

argument包含着传入函数的所有参数，是以数组的形式返回的

this值指代的是函数值据以执行的环境对象

二：关于this值的指代项

重要的一点：this指向调用函数的那个对象

1，在全局环境下，this指向window

代码如下

window.onload=funtion (){
        var name="张宁宁"；
         function   viewthis(){
              console.info(this)
             }
         viewthis();
}

上面是一个非常简单的函数，通过chrome控制台我们可以看到，输出的值为window

因为函数 viewthis为于全局作用域当中，相当于在全局作用域中调用函数，此时this为window

2，当this位于某个对象的方法中的时候，此时的this指代的是那个对象：

代码如下：

window.onload=function (){
          var  name="the  window";
          var object={
                   name:"My object",
                   getName:function(){
                          return  this.name; 
                    }      
           }
          object.getName();//My object“”
}

上面的代码中，我们调用了函数的方法，方法中的this则指代调用该方法的对象

3，当this位于匿名函数中的时候，对于匿名函数，this的执行环境具有全局性

this对象指向window

代码如下：

var  name="the window";
var object={
       name="my object",
       getNameFunc:function(){
       return  function(){
               return this.name;
          }
     }
}
alert(object.getNameFunc()());//“the window”

在上面的代码中，匿名函数中的this值指向的执行环境是全局“name”的值

4，通过apply()或者call()可以改变this的值

转载于:https://www.cnblogs.com/qianduangaoshou/p/6842174.html