理解原型对象
只要创建了一个函数,函数自动获得一个prototype属性,这个属性指向函数的原型对象。
在默认情况下,所有原型对象都会自动获得一个constructor
属性,这个属性指向prototype属性所在的构造函数
除了 constructor 属性,还有从Object继承来的属性,通过这个构造函数,我们还可继续为原型对象 添加其他属性和方法
//构造函数
function Person(){
}
//原型对象
Person.prototype
//原型对象constructor属性指向Person
Person.prototype.constructor =》Person
//给构造函数原型对象增加属性和方法
Person.prototype.funName = function(){}
Person.prototype.varName = '123'
当使用构造函数实例化一个对象,这个实例对象包含一个指针(内部属性),指向构造函数的原型对象。
Firefox
、Safari
和Chrome
在每个对象上都支持一个属性 __proto__;而在其他实现中,这个属性对脚本则是完全不可见的
var person = new Person();
person.__proto__ === Person.prototype //true
这个连接存在于实例与构造函数的原型对象之间,而不是存在于实例与构造函数之间
。
原型关系的确认
- isPrototypeOf
Person.prototype.isPrototypeOf(person); //true
- Object.getPrototypeOf() 获取某个实例对象的原型
Object.getPrototypeOf(person) == Person.prototype //true
屏蔽原型属性
如果给实例添加属性与原型对象同名,原型中的属性会被实例上的属性屏蔽
function Person(){
}
Person.prototype.name = 'Allen';
Person.prototype.sayName = function(){
alert(this.name)
}
var person = new person();
person.name = 'Bob';
alert(person.sayName());//Bob 来自实例
使用 hasOwnProperty()方法可以检测一个属性是存在于实例中,还是存在于原型中。
person.hasOwnProperty("name"); //true
原型与in操作符
- 单独使用
无论在实例还是在原型中,始终返回true
'name' in person;//true
- for in循环
遍历实例和原型上可枚举的属性
可以通过Object.keys()访问实例对象的可枚举属性
Object.keys(obj) //返回实例对象可枚举属性数组
字面量重写原型对象
function Person(){ }
Person.prototype = {
constructor : Person,//constructor 默认不再指向Person,指向Object,重新定向到person
name : "Nicholas",
age : 29
}
原生对象的原型
所有原生引用类型(Object、Array、String,等等)都在其构造函数的原型上定义了方法。
例如,在 Array.prototype 中可以找到 sort()方法,而在 String.prototype 中可以找到 substring()方法,如下所示。
alert(typeof Array.prototype.sort); //"function"
alert(typeof String.prototype.substring); //"function"
通过原生对象的原型,不仅可以取得所有默认方法的引用,而且也可以定义新方法。可以像修改自 定义对象的原型一样修改原生对象的原型,因此可以随时添加方法。下面的代码就给基本包装类型 String
添加了一个名为 startsWith()
的方法。
String.prototype.startsWith = function (text) {
return this.indexOf(text) == 0;
};
var msg = "Hello world!";
alert(msg.startsWith("Hello")); //true