深入了解Javascript对象原型-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

JavaScript 常被描述为一种基于原型的语言 (prototype-based language)――每个对象拥有一个原型对象，对象以其原型为模板、从原型继承方法和属性。

原型对象也可能拥有原型，并从中继承方法和属性，一层一层、以此类推。这种关系常被称为原型链 (prototype chain)，它解释了为何一个对象会拥有定义在其他对象中的属性和方法。

【相关课程推荐：JavaScript视频教程】

对象原型Prototype

1、方法过载

创建一个小猫构造函数，代码如下：

function Cat(name,color){
this.name = name;
this.color = color;
  
this.run=function(){
    alert(“一只”+this.color +”的小猫飞奔过来...”);
}
this.eat=function(){
    alert(this.name +”要吃鱼”);
}
}
  
var cat1 = new Cat();

以上所有用this定义方法，this代表新的实例，都会在创建新实例时为其创建一个方法副本。

是不是有点多余，怎么解决？？

分析：每一个类型都拥有的特性，每次在实例级别定义确实有点浪费，那么如果能在类级别定义，每一个实例自动拥有类的通用特征就好了。在这里我们就要用到prototype。

2、原型的使用

2.1、原型属性

在JavaScript中，函数本身也是一个包含了“方法”和“属性”的对象。比如之前学了一些方法（如constructor()）及属性(如name和length)等等。

现在来介绍一个新的属性--原型Prototype。

我们创建的每个函数都有一个 prototype（原型）属性，他指向一个对象，而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。

// 定义一个构造器
function Person(name,age){
}
// 函数的形参个数
console.debug(Person.length)// ==>2
// 构造函数
console.debug(Person.constructor)// ==> Function()
// 原型类型
console.debug(typeof Person.prototype)// ==>object
// 原型内容
console.debug(Person.prototype)// ↓↓