【笔记】javascript扩展内建对象举例
来源:互联网 发布:淘宝到家 编辑:程序博客网 时间:2024/06/05 11:25
一、在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
0 0
- 【笔记】javascript扩展内建对象举例
- JavaScript中使用prototype来扩展对象,举例
- <javascript>内建对象
- javascript-时间对象举例
- JavaScript的对象举例
- javascript内建对象Date
- javascript内建对象String
- javascript内建对象Math
- Javascript的内建对象
- JS常用扩展内建对象
- Javascript 对象扩展积累
- webkit 扩展 JavaScript 对象
- JavaScript对象扩展
- 扩展javascript内置对象
- 扩展javascript原生对象
- JSP 学习笔记(内建对象)
- 扩展javascript扩展(类,对象,原型)
- JavaScript String 对象及扩展
- BootStrap入门教程 (三)
- Service与Android系统实现(1)-- 应用程序里的Service
- Android中如何获取应用版本号
- 数据结构-线性表之顺序存储结构
- BootStrap入门教程 (四)
- 【笔记】javascript扩展内建对象举例
- android WIFI开发
- linux C守护进程编写
- Conversion to Dalvik format failed: Unable to execute dex: java.nio.BufferOv
- MongoDB 分片模式部署
- HDU-2520-我是菜鸟,我怕谁
- 关于Hadoop数据块Miss在页面提示的问题
- TinyWS —— 一个C++写的简易WEB服务器(一)
- Android-Universal-Image-Loader 图片异步加载类库的使用(超详细配置)提供Android studio 的DEMO