关于javascript的this

关于javascript的this

this在javascript中根据不同的上下文环境会有不同的指代对象，但是总体来说，它有一个原则，总是指向调用了方法的对象，下面我们就来根据不同的环境举例进行分析。

1.纯函数进行调用

var a = 15;
function test(){
    var a = 25;
    console.log(this.a)
};
test();//15

this 的绑定其实是发生在调用的时候，并不是在定义的时候。而上面的函数是在全局作用域内调用的，而在全局作用域内刚好有一个a属性。

2.构造函数调用

function test(id,name){
    this.name = name;
    this.id
}
var test1 = new test(1,'xiaoming')   

我觉得在javascript中，构造函数的作用无非就是有两点，其一可用new方法实例化对象，其二就是初始化为新生成的实例提供一个在它的作用于内的变量，这样即可以使这些变量只属于这个实例，同时以可以根据需要传入不同的参数。

3.调用的方法是不是被包含在某个对象内

function test(){
   console.log(this.x)
}
var object = {x:15}
object.fun = test
object.fun()//15

在上面的代码中object对象有一个test方法，同时也有一个x属性，此时this指向了调用了该方法的对象，即object。

4.用call或apply方法强制指定this的指向

 function test(){
     console.log(this.a)
 };
 var object = {a: 20}
 test.call(object)//20

上面的这四种形式其实只是最简单的几种，同时也是最基本的几种形式，this的用法还有很多种，强烈推荐大家看看这本书《你不知道的javascript》写的真的不错，特别是对this的讲解，很详细，也很透彻，大家看了肯定会有不一样的感悟。