javascript中的this用法

this

在javascript里面，this是一个特殊的对象，它不像其他编程语言那样，是存储在实例中的值，直接指向此实例。而是作为一个单独的指针，在不同的情况之下，指向不同的位置。

1、在一般函数方法中使用 this 指代全局对象

function hello(){
   this.x = 1;
   console.log(this.x)
}

hello();
//此时控制台打印1

2.作为对象方法调用，this 指代上级对象

function hello(){
   console.log(this.x)
}

var s = {};
s.x = 1;
o.m = hello;
o.m();
//此时控制台打印1

3.作为构造函数调用，this 指代new 出的对象

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

var s = new hello();
console.log(s.x)
//运行结果为1，为了表明这是this不是全局对象，我们对代码做一些改变

var x = 2;
function hello(){
   this.x = 1;
}

var o = new hello();
console.log(x)

4.apply 调用 ，apply方法作用是改变函数的调用对象，此方法的第一个参数为改变后调用这个函数的对象，this指代第一个参数

var x = 0；
function hello(){
   console.log(this.x)
}

var h = {};
h.x = 1;
h.m = hello;
h.m.apply();  //输出为0

h.m.apply(h) //输出1

综上可知，this就是一个指针，this的指向并不是函数被声明时的环境。this不是固定不变的，它会根据自身所执行的环境的不同而不同。

与其它语言当中的this不同的是，JS当中的this总是指向一个对象。而具体是指向哪一个对象，则要看其运行时是基于哪一个函数的执行环境所动态绑定的。