关于javascript的this

来源:互联网 发布:网络犯罪种类 编辑:程序博客网 时间:2024/05/18 18:52

关于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 = testobject.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的讲解,很详细,也很透彻,大家看了肯定会有不一样的感悟。

0 0