javascript中this的用法

  • Post author:
  • Post category:java



this

是 JavaScript 语言的一个关键字。

1.它总是指向函数的直接调用者。

2.如果有new关键字,this则指向new出来的那个对象。

3.在事件中,this指向触发这个事件的对象。

第一种:函数调用

全局性调用,this指向全局对象


var x=1;
function a(){
    console.log(this.x);
}
a();    //1

第二种 :对象调用

作为某个对象的方法调用时,就指向某个对象。

function test() {
  console.log(this.x);
}

var obj = {};
obj.x = 1;
obj.m = test;

obj.m(); // 1

第三种:就是通过这个函数,可以生成一个新对象。这时,

this

就指这个新对象。

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

var obj = new test();
obj.x // 1

第四种:

apply 调用


apply()

是函数的一个方法,作用是改变函数的调用对象。它的第一个参数就表示改变后的调用这个函数的对象。因此,这时

this

指的就是这第一个参数。

var x = 0;
function test() {
 console.log(this.x);
}

var obj = {};
obj.x = 1;
obj.m = test;
obj.m.apply() // 0


apply()

的参数为空时,默认调用全局对象。因此,这时的运行结果为

0

,证明

this

指的是全局对象。

如果把最后一行代码修改为

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

运行结果就变成了

1

,证明了这时

this

代表的是对象

obj