首页 > 代码库 > 【笔记】javascript扩展内建对象举例

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

2024-11-04 01:21:38   203人阅读

一、在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



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


联系
我们