关于String.prototype

做项目的时候发现一个问题,我们项目里头对js的String的原型对象进行了扩展

比如

String.prototype.formatStringRN = function ()
{
    var cd = this;
    if (cd != "")
    {
        cd = cd.replaceAll('\r\n', '<br//>').replaceAll('\n', '<br//>').replaceAll('\r', '<br//>');
    }
    return cd;
};

这是原来项目里的代码,作用是将字符串中的 "\r\n" 全部替换成 "<br//>"
这里有一个平时都没仔细想过的问题
就是方法内部对this进行了判断,如果这玩意儿等于空串的时候直接返回 this
但是js内部的处理比较困扰,这里的this,其实已经不是一个简单的 "str"
看看我刚在谷歌的控制台里做写的一段代码就明白了
这里的this,其实已经变成了一个类似new String 得到的对象,至于这个对象是怎么得到的,我就不瞎说了(应该说这个东西比较复杂,如果真展开了,又是另外一篇文了),反正需要明白的是,这个对象其实跟普通的直接写的字面量是不一样的,了解javascript中 == 与 === 区别的应该明白

图片,实验结果

然后,这样有什么问题呢?
其实如果你拿它当字符串用,也没什么大问题,当然区别在于

"aa" === "aa" => true
new String("aa")  === "aa" => false

但是
如果你这样做

if(""){
  //do
}

do是不会被执行到的

if(new String("")){
  //do    
}

这个do是被执行到的
如下

new String("")

所以, 不要 直接返回this

最后说一下怎么解决这个问题
其实我本来想的是返回一个类似 this.value 这样的东西,但是貌似没有这个属性或者类似的方法
所以这个方法就变成了

String.prototype.formatStringRN = function ()
{
    var cd = this;
    if (cd != "")
    {
        cd = cd.replaceAll('\r\n', '<br//>').replaceAll('\n', '<br//>').replaceAll('\r', '<br//>');
    }
    return String(cd);
};

注意返回值,用"String"处理了一下,这样得到的就是一个普通的字面量值了
当然,其实也可以在一进来的时候直接处理 this
变成这个样子

String.prototype.formatStringRN = function ()
{
    var cd = String( this);
    if (cd != "")
    {
        cd = cd.replaceAll('\r\n', '<br//>').replaceAll('\n', '<br//>').replaceAll('\r', '<br//>');
    }
    return (cd);
};

最后说点题外话
写js程序的时候

  1. 无论什么情况,不要使用 new String 这样的代码(跟我一样无聊测试特性的除外)
  2. 无论什么情况,判断是否相等请使用 === 而不要使用 ==

以上

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 32,544评论 18 399
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 8,672评论 0 4
  • “今天是情人劫,不是情人节,你看,朋友圈,都没眼看了。”刚刚失恋的小米懊恼的说,可怜我们一群单身狗在九点的美好时光...
    筱念凉阅读 2,688评论 4 2
  • 2016已经开始了一周,考研结束半个月,现在不用去自习室,不用在想是看书还是看电视,有足够的时间看电视,但看着那...
    f62efe44cb6e阅读 1,468评论 0 0
  • 文/山园小梅 图/来自网络 “看病难,看病烦”问题由来已久,其原因错综复杂,医院里人头涌动的现象目测也不是一朝一...
    梅子的山园阅读 7,526评论 37 109

友情链接更多精彩内容