利用prototype 属性提供对象的类的一组基本功能。对象的新实例“继承”赋予该对象原型的操作。
prototype 属性的功能：
所有javascript 内部对象都有只读的prototype 属性。可以为内部对象的原型添加功能，但该对象不能被赋予不同的原型。
然而，用户定义的对象可以被赋给新的原型。
constructor 属性的作用：
constructor 表示创建对象的函数。
constructor 属性的功能：
constructor 属性是所有具有 prototype 的对象的成员。它们包括除 global 和 math 对象以外的所有 javascript 内部对象。
constructor 属性保存了对构造特定对象实例的函数的引用。
a 利用prototype 添加对象的属性 [ 方式一]
示例：
<script type="text/javascript"> <br>//方式一 <br>var myObj = function(){ <br>this.study = "JavaScript"; <br>} <br>myObj.prototype.hobby = function() <br>{ <br>this.hobby = "See girl"; <br>} <br>var newObj = new myObj(); <br>for ( var attr in newObj ) <br>{ <br>document.write( attr +"<br/>" ); <br>} <br></script>
B 利用prototype 添加对象的属性 [ 方式二]
示例：
<script type="text/javascript"> <br>//方式二 <br>var superObj = { name:"xugang" }; <br>var subObj = { age:20 }; <br>function extend(superObj,subObj){ <br>//获得父对象的原型对象 <br>subObj.getSuper = superObj.prototype; <br>//将父对象的属性给子对象 <br>for(var i in superObj){ <br>subObj[i] = superObj[i]; <br>} <br>} <br>extend(superObj,subObj); <br>for ( var s in subObj ) <br>{ <br>document.write( s +"<br/>" ); //遍历子对象的属性 <br>} <br></script>
C 利用prototype 继承父类的原型属性
示例：
<script> <br>function Person(_name){ <br>this.name = _name; <br>} <br>//创建对象(用于更改 prototype 原型对象) <br>function addSex(_sex){ <br>this.sex = _sex; <br>} <br>//更改原型对象 <br>Person.prototype = new addSex('男'); <br>var p = new Person('xugang'); <br>alert("p 的原型为：" + p.constructor); <br>//打印所有属性 <br>for(var i in p){ <br>//alert(p[i]); <br>} <br><br>// ================= 继承 ================= <br>//创建子对象 Student <br>function Student(_study){ <br>this.study = _study; <br>} <br>// 通过 prototype 让 Student 继承 Person <br>Student.prototype = new Person('刘德华'); <br>var stu1 = new Student('JS'); <br>alert("stu1 的原型为：" + stu1.constructor); <br>for(var i in stu1){ <br>alert(stu1[i]); <br>} <br></script>
因为Student 对象的原型更改为Person 对象，而Person 对象的原型更改为addSex ，所以，Student 对象的原型为addSex 。
注意：一个对象的原型是在 new 对象的那一刻确定的，如果在 new 对象以后更改无效！
D 如何设置对象的原型对象和构造函数
示例：
<script type="text/javascript"> <br>function B(){ <br>this.name = "刘德华"; <br>return "B方法"; <br>} <br>function C(){ <br>this.age = 42; <br>return "C方法"; <br>} <br>B.prototype = new C(); <br>var b = new B(); <br>b.constructor = B; //重写b的构造方法为B本身 <br>document.write("b 的构造方法："); <br>document.write(b.constructor() + "<br/>"); <br>document.write("b 的原型对象的构造方法："); <br>document.write(b.constructor.prototype.constructor() + "<br/>"); <br>for ( var m in b ) <br>{ <br>document.write("属性：" + m ); <br>document.write(" 值：" + b[m] +"<br/>"); <br>} <br></script>
结果如下：
b 的构造方法：B方法
b 的原型对象的构造方法：C方法
属性：age 值：42
属性：name 值：刘德华
E 对象中用来保存原型的 __proto__ 变量
示例：
立即学习“Java免费学习笔记（深入）”；
<script type="text/javascript"> <br>function myObject(){} <br>var my = new myObject(); <br>//任何对象都会有一个隐藏的 __proto__ 变量用来保存原型 <br>document.write(my.__proto__ + "<br/>"); <br>//在 Internet Explorer 下显示为：undefined <br>//在 Mozilla Firefox 下显示为：[object Object] <br><br>function Person(){ <br>this.name = "刘德华"; <br>return "Person 方法"; <br>} <br>/* <br>定义方法后，在内存中相当于： <br>Person.prototype = { constructor:Person } <br>*/ <br>//改变 Person 对象的原型对象 <br>function Super_Person(){ <br>this.hobby = "唱歌"; <br>return "Super_Person 方法"; <br>} <br>Person.prototype = new Super_Person(); <br>var newObj = new Person(); <br>/* 使用 new 创建对象过程： <br>var o = {}; <br>Person.prototype.constructor.call(o); <br>o = {__proto__:Person.prototype,name = "刘德华"}; <br>return o; <br>*/ <br>document.write(newObj.constructor.prototype.constructor() + "<br/>"); <br>//打印newObj原型对象(在 IE 下无效！) <br>document.write(newObj.__proto__.constructor() + "<br/>"); <br></script>
在 Firefox 中的结果如下：
[object Object]
Super_Person 方法
Super_Person 方法
