理顺 JavaScript (16) - 使用 prototype

为什么80%的码农都做不了架构师？>>>   

给对象增减方法

---

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://my.oschina.net/hermer/blog/319949