【笔记】javascript扩展内建对象举例

一、在php中有一个叫做in_array()的函数，主要用于查询数组中是否存在某个特定的值。

javascript中则没有一个叫做inArray()的方法。因此，通过Array.prototype来实现一个这样的功能：

Array.prototype.inArray = function(needle){

 for(var i = 0,len = this.length; i < len; i++){

  if(this[i] === needle){

   return true;

  }

 }

 return false;

};

/* test */

var a = ['red','green','blue'];

a.inArray('red');

--> true

a.inArray('yelloe');

--> false

二、在String的原型中增加一个reverse()方法，反转字符串

String.prototype.reverse = function(){

 return Array.prototype.reverse.apply(this.split('')).join('');

}

'hello world'.reverse();

--> "dlrow olleh"

先用split()方法将目标字符串转换成数组，然后再调用该数组的reverse()方法产生一个反向数组。最后通过join()方法将结果数组转换为字符串。】

最佳实践：如果想要通过原型为某个对象添加一个新属性，务必先检查一下该属性是否已经存在。

eg：

if(!String.prototype.reverse){

 String.prototype.reverse = function(){

  return Array.prototype.reverse.apply(this.split('')).join('');

 }

}

一些原型陷进：

1、当我们对原型对象执行完全替换时，可能会触发原型链中某种异常（exception）;

2、prototype.constructor属性是不可靠的。

注意：当我们重写某对象的prototype时，重置相应的constructor属性是一个好习惯。

关于在这个，还可以看一下阮一峰老师做的笔记，里面写了很多例子和思考，是很好的阅读材料。

1、Javascript 面向对象编程（一）：封装

http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_encapsulation.html

2、Javascript面向对象编程（二）：构造函数的继承

http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_inheritance.html

3、Javascript面向对象编程（三）：非构造函数的继承

http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_inheritance_continued.html