JS prototype笔记

摘要: js prototype

prototype在哪

prototype存在哪里，我们看下代码示例

function name(){
alert(JSON.stringify(name.prototype)) // {},是个空对象。
}
name();
var test = new name();
alert(JSON.stringify(test.prototype)) // undefined,不存在这个对象。

直接声明的函数name拥有prototype这个属性，而new 构造出来的函数不存在prototype这个属性象。

prototype是啥

function定义的对象有一个prototype属性，prototype属性又指向了一个prototype对象，注意prototype属性与prototype对象是两个不同的东西，要注意区别。在prototype对象中又有一个constructor属性，这个constructor属性同样指向一个constructor对象，而这个constructor对象恰恰就是这个function函数本身。如下伪代码示例：

var function{
prototype:prototype{
constructor:constructor == function
}
}

prototype是继承还是克隆

function oschina(){
}
oschina.prototype.name = "abc";
var test = new oschina();
alert(JSON.stringify(test)); // {} --如果是克隆应该能打印出test的一个属性name，但是并没有
alert(test.name); // "abc" --可是却能打印出test.name，所以是test继承了oschina.prototype的属性

new出来的[test]对象继承定义的function[oschina]对象的prototype的属性，有点类似java派生子类继承父类属性。

prototype的优点

prototype既能保留公有性，又能具有私有性。