理顺 JavaScript (16) - 使用 prototype

核心提示：给对象增减方法functionRect(w,h){this.width=w;this.height=h;}varr=newRect(2,3);/*给r对象增加一个计算面积的方法area()*/r.area=function(){returnthis.width*this.height};alert(r.width);/

给对象增减方法

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();　//我无处不在!

系列文章：

理顺 JavaScript (1) - 准备工具

理顺 JavaScript (2) - 应先掌握的四个方法

理顺 JavaScript (3) - 把 JavaScript 嵌入网页的方法

理顺 JavaScript (4) - 变量、常量与数据类型

理顺 JavaScript (5) - 符合 ECMAScript 标准的字符串函数

理顺 JavaScript (6) - 关于字符串的其他问题

理顺 JavaScript (7) - 数字相关问题

理顺 JavaScript (8) - 布尔相关问题

理顺 JavaScript (9) - Date 类

理顺 JavaScript (10) - Math 类

理顺 JavaScript (11) - 数组

理顺 JavaScript (12) - 一个比较实用的数组用法

理顺 JavaScript (13) - 对象及 json

理顺 JavaScript (14) - constructor 与 instanceof

理顺 JavaScript (15) - 类的继承手段: prototype

理顺 JavaScript (17) - 函数