javascript中的this用法

Posted 老街_hehe

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript中的this用法相关的知识,希望对你有一定的参考价值。

this这个关键字在javascript中很常见,也很重要。那么this到底是指什么呢?

总结:

1.this代表函数运行时自动生成的一个内部对象,只能在函数内部使用;

2.this始终指向调用函数的那个对象;

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

一:纯粹的函数调用

这是函数的最常用法,属于全局性调用,这里this就代表全局对象window

 

    function test(){
        this.x = 1;
        alert(this.x);
        console.log(this);//Window 
    }
    test();

 

而下边这个案例:

        var x = 2;
        function test(){
            this.x = 1;
            alert(this.x);
            console.log(this);//Window 
        }
        test();
        console.log(x);//1    

就可以证明这里函数中的this指的是window.

 

 

二:作为对象方法的调用

函数还可以作为某个对象的方法调用,这时this就指这个上级对象.

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

三:作为构造函数调用

所谓构造函数,就是通过这个函数生成一个新的对象。这时,this就指向这个新对象

        function Test(name){
            this.name = name;
            console.log(this);//Test {name: "hehe"}
        }
        var t = new Test("hehe");    

四:apply调用

apply()是函数对象的一个方法,它的作用是改变函数的调用对象,它的第一个参数就是改变后的调用这个函数的对象。

this这里值得就是第一个参数的值,若参数为空,则默认值为全局对象

        var x = 0;
        function test () {
            console.log(this);
            console.log(this.x);
        }
        var o = {};
        o.x = 2;
        o.m = test;
        o.m();//this.x-->2
        o.m.apply();//this.x-->0

        // 结果:
        // Object {x: 2}
        // 2

        // Window {…}
        // 0    

 

 

  


以上是关于javascript中的this用法的主要内容,如果未能解决你的问题,请参考以下文章

js下的this都有哪些用法

如何理解 JavaScript 中的 this 关键字

javascript关于this的用法

JavaScript 片段

JavaScript 中 this 的用法

Javascript的this的用法