javascript原型prototype..docVIP

初看原型 prototype 源自法语，软件界的标准翻译为“原型”，代表事物的初始形态，也含有模型和样板的意义。JavaScript 中的prototype概念恰如其分地反映了这个词的内含，我们不能将其理解为C++的prototype 那种预先声明的概念。 JavaScript 的所有function 类型的对象都有一个prototype 属性。这个prototype 属性本身又是一个object 类型的对象，因此我们也可以给这个prototype 对象添加任意的属性和方法。既然prototype 是对象的“原型”，那么由该函数构造出来的对象应该都会具有这个“原型”的特性。事实上，在构造函数的prototype 上定义的所有属性和方法，都是可以通过其构造的对象直接访问和调用的。也可以这么说，prototype 提供了一群同类对象共享属性和方法的机制。 我们先来看看下面的代码： function Person(name) { = name; //设置对象属性，每个对象各自一份属性数据 }; //给Person 函数的prototype 添加SayHello 方法。 Ptotype.SayHello = function() { alert(Hello, Im + ); } var BillGates = new Person(Bill Gates); //创建BillGates 对象 var SteveJobs = new Person(Steve Jobs); //创建SteveJobs 对象 BillGates.SayHello(); //通过BillGates 对象直接调用到SayHello 方法 SteveJobs.SayHello(); //通过SteveJobs 对象直接调用到SayHello 方法 alert(BillGates.SayHello == SteveJobs.SayHello); //因为两个对象是共享 prototype 的SayHello， 所以显示：true 程序运行的结果表明，构造函数的prototype 上定义的方法确实可以通过对象直接调用到，而且代码是共享的。显然，把方法设置 到prototype 的写法显得优雅多了，尽管调用形式没有变，但逻辑上却体现了方法与类的关系，相对前面的写法，更容易理解和组织代码。 那么，对于多层次类型的构造函数情况又如何呢？ 我们再来看下面的代码： function Person(name) //基类构造函数 2 { 3 = name; 4 }; 5 6 Ptotype.SayHello = function() //给基类构造函数的prototype 添加方法 7 { 8 alert(Hello, Im + ); 9 }; 10 11 function Employee(name, salary) //子类构造函数 12 { 13 Person.call(this, name); //调用基类构造函数 14 this.salary = salary; 15 }; 16 17 Etotype = new Person(); //建一个基类的对象作为子类原型的原型， 这里很有意思 18 19 Etotype.ShowMeTheMoney = function() //给子类添构造函数的 prototype 添加方法 20 { 21 alert( + $ + this.salary); 22 }; 23 24 var BillGates = new Person(Bill Gates); //创建基类Person 的BillGates 对象 25 var SteveJobs = new Employee(Steve Jobs, 1234); //创建子类Employee 的 SteveJobs 对象 26 27 BillGates.SayHello(); //通过对象直接调用到prototype 的方法 28 SteveJobs.SayHello(); //通过子类对象直接调用基类prototype 的方法，关注！ 29 SteveJobs.ShowMeTheMoney(); //通过子类对象直接调用子类prototype 的方法 30 31 alert(BillGates.SayHello == SteveJobs.SayHello); //显示：true，表明prototype 的方法是共享的 这段代码的第17 行，构造了一个基类的对象，并将其