javascript面试题之 js中this关键字的用法

Myth丶恋晨 2022-08-04 13:55 180阅读 0赞

this是Javascript语言的一个关键字。  
它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。比如：

function test() { 
        this.x = 1;
    }

随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是**this指的是，调用函数的那个对象。**

下面分四种情况，详细讨论this的用法。

情况一：函数调用  
这是函数的最通常用法，属于全局性调用，因此this就代表全局对象Global。  
请看下面这段代码，它的运行结果是1。

test() { 
        this.x = 1; 
        alert(this.x); 
    } 
    
    test(); // 1

为了证明this就是全局对象，我对代码做一些改变：

var x = 1; 
    function test() { 
        alert(this.x);
    } 
    
    test(); // 1

运行结果还是1。再变一下：

var x = 1; 
    function test() { 
        this.x = 0;
    }
    
    test(); 
    alert(x); //0

情况二：作为对象方法的调用  
函数还可以作为某个对象的方法调用，这时this就指这个上级对象。

function test() { 
        alert(this.x);
    }
    
    var o = {};
    o.x = 1;
    o.m = test; 
    o.m(); // 1

情况三 作为构造函数调用  
所谓构造函数，就是通过这个函数生成一个新对象（object）。这时，this就指这个新对象。

function test() { 
        this.x = 1; 
    }
    
    var o = new test(); 
    alert(o.x); // 1

运行结果为1。为了表明这时this不是全局对象，我对代码做一些改变：

var x = 2; 
    function test() { 
        this.x = 1;
    } 
    
    var o = new test();
    alert(x); //2

运行结果为2，表明全局变量x的值根本没变。

情况四 apply调用  
apply()是函数对象的一个方法，它的作用是改变函数的调用对象，它的第一个参数就表示改变后的调用这个函数的对象。因此，this指的就是这第一个参数。

var x = 0; 
    function test() { 
        alert(this.x);
    }
    
    var o = {};
    o.x = 1;
    o.m = test;
    o.m.apply(); //0

apply()的参数为空时，默认调用全局对象。因此，这时的运行结果为0，证明this指的是全局对象。  
如果把最后一行代码修改为

o.m.apply(o); //1

运行结果就变成了1，证明了这时this代表的是对象o

发表评论取消回复

表情：

评论列表（有 0 条评论，180人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript 的“this”关键字：了解其威力和用法

起初，它可能会令人困惑，但是一旦您掌握了它的概念和用法，您就会发现它是一个强大的工具。在本博客中，我们将揭开 this 关键字的神秘面纱，解释它是什么、它如何工作以及它的不同用

Bertha 。/ 2023年10月13日 21:53/ 0 赞/ 63 阅读

相关 Java中this关键字的常见用法

今天重点要跟大家介绍的是java中this关键字的常见用法，接下来大家就跟着我一起来学习java中的this关键字吧！ 1. 概念先通过一个简单的例子，跟大家通俗的解

今天药忘吃喽~/ 2023年10月08日 22:59/ 0 赞/ 50 阅读

相关 Java中this关键字的常见用法

一、this 使用方法 ![1f044cb7b84e4dd4bc09922dc0b8efa5.jpeg][] 总结下来就是，在Java中，this是一个关键字，用于

男娘i/ 2023年09月27日 17:06/ 0 赞/ 172 阅读

相关（7）C#的this关键字的三种用法

在使用C\的过程中，发现this关键是比较少用的，但是在下面这三个场合下是必须要使用的，不使用它是解决不了问题。第一种场合就是当类成员变量的名称与函数的参数名称一样。比如

今天药忘吃喽~/ 2022年09月16日 00:23/ 0 赞/ 211 阅读

相关 javascript 中的this关键字的用法

引用自 http://www.cnblogs.com/justany/archive/2012/11/01/the\_keyword\_this\_in\_jav

朴灿烈づ我的快乐病毒、/ 2022年08月06日 07:24/ 0 赞/ 197 阅读

相关 javascript面试题之 js中this关键字的用法

this是Javascript语言的一个关键字。它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。比如： function test() {

Myth丶恋晨/ 2022年08月04日 13:55/ 0 赞/ 181 阅读

相关 C++中this关键字的用法，对比Java

C++里面的this关键字：简介：在C++里面，每一个对象都能通过this指针来访问自己的地址。 this是所有成员函数的隐藏参数。用法：在C++

不念不忘少年蓝@/ 2022年06月02日 03:39/ 0 赞/ 246 阅读

相关 this关键字的三种用法

this关键字引用成员变量： public class Main1 { private int m;

比眉伴天荒/ 2022年05月27日 13:53/ 0 赞/ 245 阅读

相关 java中this关键字的用法

this关键字的概述 this关键字代表是对象的引用。也就是this在指向一个对象，所指向的对象就是调用该函数的对象引用。 this关键字作用 1. 如果存在

骑猪看日落/ 2022年05月22日 07:13/ 0 赞/ 301 阅读

相关 Java中this关键字的用法

Java中this关键字的用法 this 在类中就是代表当前对象，可以通过 this 关键字完成当前对象的成员属性、成员方法和构造方法的调用。那么何时用 this？

傷城~/ 2022年05月15日 00:05/ 0 赞/ 346 阅读