JavaScript 原型模式：利用 prototype 共享方法与属性

JavaScript 原型模式实现

2、原型方式

/** 
* Person类：定义一个人，有个属性name，和一个getName方法
*/ 
function Person(){}
Person.prototype.name = "jack";
Person.prototype.getName = function() { return this.name;}

将类的属性和方法全部定义在 prototype 对象上。

创建几个对象进行测试：

 
var p1 = new Person();
var p2 = new Person();
console.log(p1.getName());//jack
console.log(p2.getName());//jack

从输出结果可以看出，两个实例获取到的 name 均为 jack。这表明原型模式存在一个明显缺点：无法通过构造函数参数来初始化每个对象实例的不同属性（通常不同实例的属性值应不同）。其优点在于所有实例共享同一个 getName 方法（相比构造函数模式），避免了为每个实例重复创建方法而造成的内存浪费。