作家
登录

为JavaScript类型增加方法的实现代码(增加功能)

作者: 来源:www.28hudong.com 2013-03-30 00:36:37 阅读 我要评论

javaScript的类型函数(如Number/String/Boolean/Array/Date/Obejct等)都是继承于 Function.prototype,所以给Function.prototype增加方法,同时也会影响到由它衍生的下层类型函数。如: 复制代码 代码如下: Function.prototype.addMethod=function(methodName,func){ if(!this[methodName]){ this[methodName]=func;//给类型增加方法,类似于类型的静态方法。func方法是赋于了类型而非实例。 } return this;//this 将绑定到方法的调用对象(类型函数),返回this可以进行链式调用 } Array.addMethod('testFun',function(){alert(this)}); //Array.testFun(); //function Array() {[native code]} Object.addMethod('testFun',function(){alert(this)}); //Object.testFun(); //function Object() {[native code]} Boolean.addMethod('testFun',function(){alert(this)}); //Boolean.testFun(); //function Boolean() {[native code]} function CustomObject(name,value){ this.name=name || 'CustomObject'; this.value=value || 0; this.toString=function(){return '[name:'+this.name+',value:'+this.value+']'} } CustomObject.addMethod('testFun',function(){alert(this)}); /* return: * function CustomObject(name, value) { this.name = name || "CustomObject"; this.value = value || 0; this.toString = function () {return "[name:" + this.name + ",value:" + this.value + "]";}; } */ CustomObject.testFun(); 此时如果用实例来调用的话,则会报错。如: 复制代码 代码如下: var customObject=new CustomObject(); //定义一个CustomObject实例 customObject.testFun();//Error: temp.testFun is not a function 给实例增加方法 如果给类型实例增加方法,则应该把方法绑定到类型的prototype上。如 复制代码 代码如下: Function.prototype.addMethod=function(methodName,func){ if(!this.prototype[methodName]){ this.prototype[methodName]=func;//给原型增加方法,此方法会影响到该类型的实例上 } return this.prototype;//返回原型,此类型实例可以进行链形调用 } Object.addMethod('testFun',function(){alert(this)}); //({toString:function(){return '[Empty Object]'}}).testFun(); //[Empty Object] Number.addMethod('testFun',function(){alert(this)}); //(5).testFun(); //5 String.addMethod('testFun',function(){alert(this)}); //'test'.testFun(); //'test' Boolean.addMethod('testFun',function(){alert(this)}); //true.testFun(); //true Array.addMethod('testFun',function(){alert(this)}); //(['a','b']).testFun(); //a,b Date.addMethod('testFun',function(){alert(this)}); //new Date().testFun(); //Tue Dec 27 2011 11:20:58 GMT-0800 (Pacific Standard Time) function CustomObject(name,value){ this.name=name || 'CustomObject'; this.value=value || 0; this.toString=function(){return '[name:'+this.name+',value:'+this.value+']'} } CustomObject.addMethod('testFun',function(){alert(this)}); var customObject=new CustomObject(); customObject.testFun(); //[name:CustomObject,value:0] 若此时用类型调用testFun,则会报错。如 复制代码 代码如下: Array.addMethod('testFun',function(){alert(this)}); //Array.testFun(); //Error: Array.testFun is not a function CustomObject.addMethod('testFun',function(){alert(this)}); CustomObject.testFun(); //Error: CustomObject.testFun is not a function

  推荐阅读

  JavaScript面向对象程序设计三 原型模式(上)

我们创建的每一个函数都有一个prototype(原型)属性,该属性是一个对象,包含可以有特定类型的所有实例共享的属性和方法。使用它的好处就在于可以让所有对象实例共享它所包含的属性和方法,也就是说,不必在构造函>>>详细阅读


本文标题:为JavaScript类型增加方法的实现代码(增加功能)

地址:http://www.17bianji.com/kaifa2/JS/23793.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)