理顺 JavaScript (16) - 使用 prototype
理顺 JavaScript (16) - 使用 prototype
涂孟超 发表于3年前
理顺 JavaScript (16) - 使用 prototype
  • 发表于 3年前
  • 阅读 4
  • 收藏 0
  • 点赞 0
  • 评论 0

新睿云服务器60天免费使用,快来体验!>>>   


给对象增减方法
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(); //我无处不在!

 
 
 
 
 

 

 

  

  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 12
博文 2004
码字总数 14107
×
涂孟超
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: