最近在学习js,在js书中说: this指针指向的是当前环境对象,比如:
(1)
function Test(temp){
this.temp = temp;
}
Test("test");
alert(window.temp);
Test中的this指向的是window对象(注:没有使用”use strict”的环境下),对于这些所谓的全局函数,其环境对象在web浏览器中就是window对象,
也就是 和alert()调用其实和window.alert()一致,Test()其实也就是window.Test()。理解到这里 我们知道 构造函数中的this指向的是当前环境对象(或者域对象—简单可以认为就是这个函数属于“谁”的范围—),【还有比较好的例子,想了会,没想起来,以后补上)
今天在看js原型(prototype)相关时,发现一个问题:
(2)
function Person(name, age, job) {
this.name = name;
this.age = age;
this.job = job;
this.friends = ["xiaolu", "xiaowang"];
}
Person.prototype = {
constructor: Person,
sayName: function() {
alert(this.name);
}
};
var p1 = new Person("xiaoX",23,"student");
var p2 = new Person("xiaoY",23,"student");
p1.sayName(); // xiaoX
p2.sayName();// xiaoY
p1.sayName()和p2.sayName()分别输出了实例属性【这么说跨度是否有点大?稍微过度下,在Person构造函数中,定义了一些每个对象实例自己的属性,name,age,job以及friends等。然后将函数放在了Person的prototype对象中,供所有对象共享。毕竟函数代码一份就够了,每个对象实例都有一个,是一种浪费】,首先,sayName的调用,一切正常,说明了网上一些说法的不准确或者不恰当(曾经在网上有人把原型中的函数理解为一般语言(比如java/c#)中的静态方法,个人当时也很诧异,我们需要的是让所有对象共享一份函数代码,却不想具有“静态属性”,因为在[java/c#/C++]那些语言中,我们知道静态方法无法访问实例成员[属性]。),在这里我们看到sayName中的this,因此这种网上的说法不太恰当。
嗯,现在是达到我们想要的目的了。[还有一种方式,就是在构造函数之外定义一个函数,然后,在构造函数中指向它,不过对于接受了OO熏陶的我们而言,这种方式看起来不怎么优雅,所以这里不讨论- -]。回归正题,在书中说: Person中的prototype指向了原型对象。也就是说prototype是一个原型对象指针。而 name,age,,,那些属性,我们是定义为实例属性的,也就是不存在与prototype指向的对象中,而sayName则是prototype中的一个函数指针成员【抱歉,我是觉得使用其他语言中的术语可能更好理解说明】,指向了 匿名function。 那么问题是: 按照以往习惯,这个函数可以简单认为是“存在”于 “prototype”这个对象的环境中的:[例如
var o = {
test : function(){};
};
我们可以简单的认为 test指向的function是”存在“ 于 o对象环境中],那么 前面说了 函数中的this指向的是当前的环境对象,在这里,按照这种思路,sayName中的this应该指向的是prototype对象,哦,可是?是的,prototype中怎么可能有name属性[我是定义在实例中的啊?],就算有,也不会恰巧就是”xiaoX“,”xiaoY”吧,但是运行程序,结果却是这样,因此 个人猜测 对于prototype函数中的this指针是和“平时情况”有些不同的,它指向它的”父“环境对象。
在阅读过程中,如果发现不恰当或者错误的地方,恳请提出。谢谢。