JS中prototype关键字的功能介绍及使用示例_javascript技巧

prototype 关键字可以为 JS原有对象 或者 自己创建的类 中添加方法或者属性。
也可以实现继承。
例子：

复制代码 代码如下:

<script> <BR><!-- demo1 JS中原有对象中 添加方法 --> <BR>Number.prototype.add = function (num){ <BR>return this+num; <BR>} <BR>function but1_click(){ <BR>alert((3).add(8)); <BR>} <BR><!-- demo2 JS中新建对象中， 添加属性 ，方法 --> <BR>function Car(cColor,cWeight){ <BR>this.cColor = cColor; <BR>this.cWeight = cWeight; <BR>} <BR>Car.prototype.drivers = new Array('zhangsan','lisi'); <BR>Car.prototype.work = function (cLong){ <BR>alert("我跑了"+cLong+"公里"); <BR>} <BR>function but2_click(){ <BR>var c = new Car("red","5"); <BR>c.drivers.push('zhaoliu'); <BR>alert(c.drivers); <BR>c.work(1); <BR>} <BR><!-- demo3 JS中新建对象中， 添加属性 ，方法 紧凑的写法 --> <BR>function Rectangle(rWeight,rHeight){ <BR>this.rWeight = rWeight; <BR>this.rHeight = rHeight; <BR>if( typeof this._init == 'undefined'){ <BR>Rectangle.prototype.test = function (){ <BR>alert("test"); <BR>} <BR>} <BR>this._init = true; <BR>} <BR>function but3_click(){ <BR>var t = new Rectangle(6,8); <BR>t.test(); <BR>} <BR><!-- demo4 prototype 继承 --> <BR>function objectA(){ <BR>this.methodA = function (){ <BR>alert("我是A方法"); <BR>} <BR>} <BR>function objectB(){ <BR>this.methodB = function (){ <BR>alert("我是B方法"); <BR>} <BR>} <BR>objectB.prototype = new objectA(); <BR>function but4_click(){ <BR>var t = new objectB(); <BR>t.methodB(); <BR>t.methodA(); <BR>} <BR></script>

prototype 关键字的使用

---