JavaScript字符串库 - 点击次要障碍

时间:2010-05-10 15:50:56

标签: javascript oop

好的 - 我正在尝试创建一个字符串库,其中包含JavaScript中缺少的一些有用的东西。以下是我到目前为止的情况:

function $__STRING__$(in_string) { this.s = in_string; }
$__STRING__$.prototype = {
    uppercase:      function(){this.s = this.s.toUpperCase(); return this;},
    lowercase:      function(){this.s = this.s.toLowerCase(); return this;},
    trim:           function(){this.s = this.s.replace(/^\s+|\s+$/g,""); return this;},
    ltrim:          function(){this.s = this.s.replace(/^\s+/,""); return this;},
    rtrim:          function(){this.s = this.s.replace(/\s+$/,""); return this;},
    striptags:      function(){this.s = this.s.replace(/<\/?[^>]+(>|$)/g, ""); return this;},
    escapetags:     function(){this.s = this.s.replace(/</g,"<").replace(/>/g,">"); return this;},
    unescapetags:   function(){this.s = this.s.replace(/</g,"<").replace(/>/g,">"); return this;},
    underscorize:   function(){this.s = this.s.replace(/ /g,"_"); return this;},
    dasherize:      function(){this.s = this.s.replace(/ /g,"-"); return this;},
    spacify:        function(){this.s = this.s.replace(/_/g," "); return this;},
    left:           function(length){this.s = this.s.substring(length,0); return this;},
    right:          function(length){this.s = this.s.substring(this.s.length,this.s.length-length); return this;},
    shorten:        function(length){if(this.s.length<=length){return this.s;}else{this.left(this.s,length)+"..."; return this;}},
    mid:            function(start,length){return this.s.substring(start,(length+start));},
    _down:          function(){return this.s;},
    contains:       function(needle){if(this.s.indexOf(needle)!==-1){return true;}else{return false;}},
    startswith:     function(needle){if(this.left(this.s,needle.length)==needle){return true;}else{return false;}},
    endswith:       function(needle){if(this.right(this.s,needle.length)==needle){return true;}else{return false;};},
    toString:       function(){return this.s;}
}

function $E(in_string){return new $__STRING__$(in_string);}
String.prototype._enhance   = function(){return new $__STRING__$(this);};
String.prototype._up        = function(){return new $__STRING__$(this);};

它运作得相当好,我可以链接命令等。

我进行了设置,因此我可以通过这两种方式将字符串转换为增强字符串:

$E('some string');
'some string'._enhance();

但是,每次我想使用内置字符串方法时,我都需要先将其转换回字符串。所以现在,我放入 _down() _up()这样的方法:

alert( $E("hello man").uppercase()._down().replace("N", "Y")._up().dasherize() ); 
alert( "hello man"._enhance().uppercase()._down().replace("N", "Y")._up().dasherize() );

它工作正常,但我真正想要的是能够使用字符串可以使用的所有内置函数。我意识到我可以在我的对象中复制每个函数,但我希望有一个更简单的方法。

所以问题是,是否有一种简单的方法可以做到这一点?

谢谢 -

2 个答案:

答案 0 :(得分:3)

您可以遍历String.prototype中的方法:

for(var name in String.prototype) {
    if (typeof String.prototype[name] !== "function") continue;
    if (name in $__STRING__$.prototype) continue;

    addToProto(name);
}

function addToProto(name) {
    $__STRING__$.prototype[name] = function() {
        this.s = String.prototype[name].apply(this.s, arguments);
        return this;
    };
}

请注意,这不会正确处理indexOf之类的方法;你可以像这样修改它:

$__STRING__$.prototype[name] = function() {
    var retVal = String.prototype[name].apply(this.s, arguments);
    if (typeof retVal === "string") {
        this.s = retVal;
        return this;
    } else 
        return retVal;
};

此外,您应该将显式方法移动到原型,如下所示:

 $__STRING__$.prototype.uppercase = function(){this.s = this.s.toUpperCase(); return this;};

编辑for .. in循环无法正常工作(String.prototype中的方法无法枚举)。

相反,您需要为每个方法名称手动调用addToProto,如下所示:

addToProto('replace');

答案 1 :(得分:0)

$__STRING__$.prototype = String.prototype;