javascript String2

javascript中有一种方法叫做泛化方法，指那种原生对象不可遍历的原型方法。如Array的pop，slice等。我们必须知道它们的名字才能调用它或者把它挖出来。假如我们想设计一个类，拥有与String同样的功能，我们就有这需要。不如放开点说，为什么要设计这个类吧，显然String2的效率不如原生的，但事情总要往两面看。正如C#不如二进制的机器码，但人性化方面C#则远胜过后者。那么难道String不够人性化吗？很难回答这问题，但如果我们要对它进行一些特殊的操作，如camelize，capitalize或者trim等操作时，我们就需要相应的高级方法。通常人们第一个是想到往原型中添加。但对原生对象的原型添加扩展是不好的习惯，因为这方面的工作Prototype与mootools已为你做了。如果你导入这些库或者有一天你忘了，没有看API，在原型复写了这些方法，这引起的连锁反应与灾难是难以想象也很难查究。这正是jQuery聪明的地方。jQuery刚诞生时，市场基本被Prototype占领了，现在Prototype在外国还是主流的js框架，许多遗留系统都用它来写前端。如果jQuery还是走它们的老路，到处污染（扩展）原生对象，这会给开发人员带来难题，用得了jQuery就不能用Prototype或mootools，或者相反。在Prototype如此成熟的框架面前，jQuery只有死路一条。jQuery于是把什么功能都绑定在jQuery这个函数上，连$也是可置换的。这情形与java的Spring差不多。不过jQuery的缺陷很明显，继承体系很薄弱，所有能力都用于处理DOM。如果处理String，它就不能像以往一样链式操作了。

for(var i in Array){   alert(i + " : "+ Array[i])}for(var i in Array.prototype){   alert(i + " : "+ Array.prototype[i])}

如果我们不想在String的原型添加新方法，又想链式操作（即在返回的是字符串时），这基本没有可能。原型方法最大特点，围绕this进行操作。如果this的类型又是string,number，真是无从入手。看了几天Base2的代码，最后以失败告终。不过原作者还是没有实现字符串的链式操作。最后的办法是自己创建一个空对象，把String的原型方法与自己想添加的方法都添加到此对象的原型上。

var big = String.prototype["big"];var e = "this"var a = big.call(e);alert(a)

挖出String的原型方法为我们工作。

var concat = String.prototype["concat"];var e = "this"var a = concat.apply(e,["dddd","eeee"]);alert(a)

但前面说过，原型方法都是围绕this工作，而我们那个东西是对象，我们要处理字符串怎样办？把它弄成我们做对象的属性，我称之为core，这样它就随this进行原型的世界。在原型里面，其实有两套系统的。第一层是与String原型方法的同名方法，它们只是一个外壳，把String的原型方法包裹其中，接着把this.core的东西取出来，它是真正的字符串。这里有String的方法对它进行操作，如果返回的是字符串，把又把它包裹成String2，这是实现链式操作的关键。最后当然要重写一下valueOf与toString方法了。

 var  _slice = Array.prototype.slice;      var String2 = function(){        this.core = arguments[0];        return this;      };             String2.prototype = {        constructor:String2,        toString:function(){          return this.core;        },        valueOf:function(){          return this.core;        }      };      var generics = "charAt,charCodeAt,concat,indexOf,lastIndexOf,match,\    replace,search,slice,split,substr,substring,toLowerCase,toUpperCase,fontcolor,\    big,small,anchor,link,bold,italics,sub,sup,fixed,fromCharCode,strike";      function each(array, block, context) {        var i = 0,length = array.length;        for (;i < length; i++)          block.call(context, array[i], i, array);      };      function array(iterable){        try{ return _slice.call(iterable,0);        }catch(e){          var n = iterable.length || 0, array = new Array(n), i =0;          for(;i<n;i++) array[n] = iterable[n];          return array;        }      };      each(generics.match(/\w+/g),function(name,index){        String2.prototype[name] = function(){          var method = String.prototype[name];          var args = array(arguments);          var self = this.core;          var result = method.apply(self, args);          if(typeof result === "string"){            return new String2(result)          }          return result;        }      });      var a = new String2("Oh");      var b = a.concat("ff");       alert(a);      alert(b)      alert(typeof a)      alert(typeof b)      alert(a instanceof String)      alert(a instanceof String2)

添加新方法：

 var expansion = {        trim : function(){          var str = this,          str = str.replace(/^\s\s*/, ''),          ws = /\s/,          i = str.length;          while (ws.test(str.charAt(--i)));          return str.slice(0, i + 1);        },        dasherize:function() {          return this.replace(/_/g, '-');        },        camelize:function(){          return this.replace(/_(\w)/g, function($1,$2){return $2.toUpperCase()});        }      };      var String2 = function(){        this.core = arguments[0];        return this;      };      String2.prototype = {        constructor:String2,        toString:function(){          return this.core;        },        valueOf:function(){          return this.core;        }      };      var generics = "charAt,charCodeAt,concat,indexOf,lastIndexOf,match,\replace,search,slice,split,substr,substring,toLowerCase,toUpperCase,fontcolor,\big,small,anchor,link,bold,italics,sub,sup,fixed,fromCharCode,strike";      function each(array, block, context) {        var i = 0,length = array.length;        for (;i < length; i++)          block.call(context, array[i], i, array);      };      function iterate(object, block, context) {        for (var key in object)//只遍历本地属性          if (object.hasOwnProperty(key))            block.call(context, object[key], key, object);      };      var  _slice = Array.prototype.slice;      function array(iterable){        try{ return _slice.call(iterable,0);        }catch(e){          var n = iterable.length || 0, array = new Array(n), i =0;          for(;i<n;i++) array[n] = iterable[n];          return array;        }      };      var bridge = {};      iterate(expansion,function(method,name){        bridge[name] = method      })      each(generics.match(/\w+/g),function(name,index){        bridge[name] = String.prototype[name];      })      iterate(bridge,function(method,name){        String2.prototype[name] = function(){          var args = array(arguments);         // var self = this.core;          var result = method.apply(this.valueOf(), args);          if(typeof result === "string"){            return new String2(result)          }          return result;        }      })      var a = new String2("   Oh  ");      var b = a.trim().concat(" The world is beautiful!").replace(/\s+/g,"_").camelize();    //链式操作!!!      alert(b);

总结：想链式操作有三大要素：一是必须是对象，二必须是同一类型，三必须返回自身。另，对于String2，我们不但可以加入String的泛化方法与自定义方法，还可以把eval、parseInt、 parseFloat、decodeURI、encodeURI 、decodeURIComponent 、encodeURIComponent等方法塞进去！