javascript之var self = this

来源:互联网 发布:京东优惠券源码 编辑:程序博客网 时间:2024/05/16 16:21

在js代码中,经常可以看到有如下的一个语句:

var self = this;

之所以写这个语句,是因为在一个对象内部,this指向的是这个
对象,而在普通函数内部,this指向的是window对象。所以不能在
普通函数里面用this来访问对象的属性,如下:

function a(){this.name = "hello"; function b(){  //b只是一个普通函数,不是a的属性方法alert(this.name);}b();  //调用b}new a(); //新建一个a对象,此时alert name undefined

所以如果你在一个对象里面定义了一个普通函数(注意不是该对象的属性函数),
为了能够在该普通函数里面访问到对象的属性,可以先把对象的this
赋值给一个变量(如self),然后再在该普通函数里面通过self
来获取到对象的属性,如下:

function a(){var self = this;this.name = "hello"; function b(){  //b只是一个普通函数,不是a的属性方法alert(self.name);}b();  //调用b}new a(); //新建一个a对象,此时alert name = hello

同时,在对象内部定义的匿名函数的this指针也是指向window对象,而不是该对象,看如下例子:

var param = "hello";var myObject = {  param: 123,  method: function(){    alert( this.param );  //this指向myObject  },  method2: function(){    setTimeout(function(){  //匿名函数      alert( this.param ); //this指向windows    },100);  }}myObject.method(); //alert 123myObject.method2();  //alert hello

总结一下,如果不是为了在其他函数中访问到对象的属性,很多时候我们是不用写var self = this这句代码的。
var self = this这句代码是为了能让其他函数访问到对象的属性,因为在不同的作用域内,this的指向是不同的。

如果对this指针的指向不是很明白的,可以看我的这篇文章:http://blog.csdn.net/liujan511536/article/details/50233097

1 0
原创粉丝点击