理顺 JavaScript (16) - 使用 prototype

JS对象方法扩展

最新推荐文章于 2025-06-29 17:01:35 发布

转载最新推荐文章于 2025-06-29 17:01:35 发布 · 54 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/del/archive/2009/03/04/1402884.html

本文介绍如何为JavaScript对象和内置类型扩展方法，包括直接为对象添加方法、通过原型链为类添加方法，以及为Array和Object等类型添加实用功能。

给对象增减方法

function Rect(w, h) {
  this.width = w;
  this.height = h;
}

var r = new Rect(2, 3);

/* 给 r 对象增加一个计算面积的方法 area() */
r.area = function() {return this.width * this.height};

alert(r.width);  //2
alert(r.height); //3
alert(r.area()); //6

delete r.area; //删除刚刚增加的方法
alert(r.area); //undefined

给类增减方法

function Rect(w, h) {
  this.width = w;
  this.height = h;
}

var r = new Rect(2, 3);

/* 给 r 对象所属的类增加一个计算面积的方法 area() */
Rect.prototype.area = function() {return this.width * this.height};

alert(r.width);  //2
alert(r.height); //3
alert(r.area()); //6

/* 给类(而不是对象)增加的方法会影响到旗下所有对象 */
var r2 = new Rect(4, 5);
alert(r2.width);  //4
alert(r2.height); //5
alert(r2.area()); //20

delete Rect.prototype.area; //删除刚刚给类增加的方法
alert(r.area);              //undefined

给其他类增加方法

/* 给 Array 增加一个倒排序的方法 */
Array.prototype.usort = function() {this.sort(); this.reverse()}; //该函数写得太凑合了

var arr = new Array(1,3,2,4,3,5);
arr.sort();
alert(arr); //1,2,3,3,4,5
arr.usort();
alert(arr); //5,4,3,3,2,1

/* 假如给 Object 增加一个方法 */
Object.prototype.msg = function() {alert('我无处不在!');}

var obj = {};
obj.msg(); //我无处不在!

var arr = [];
arr.msg(); //我无处不在!

var str = '';
str.msg(); //我无处不在!

转载于:https://www.cnblogs.com/del/archive/2009/03/04/1402884.html