js中浏览器兼容startsWith 、endsWith 函数

在做js开发的时候用到了startsWith函数时，发现各个浏览器不兼容问题，因为对开发来说，chrome浏览器最好用，就一直在chrome浏览器中使用这两个函数没有任何问题，但在ie浏览器访问就直接报错，因为ie没有这两个函数，要么修改方法，换别的方法，但是一两个还好改，多了就不好改，这个时候就只能扩充String方法。

先判断浏览器是否有当前方法，没有则添加

if (typeof String.prototype.startsWith !== 'function') {
    String.prototype.startsWith = function(prefix) {
        return this.slice(0, prefix.length) === prefix;
    };
}

if (typeof String.prototype.endsWith !== 'function') {
    String.prototype.endsWith = function(suffix) {
        return this.indexOf(suffix, this.length - suffix.length) !== -1;
    };
}

String.prototype.startsWith = function(str) {
    if (!str || str.length > this.length)
        return false;
    if (this.substr(0, str.length) == str)
        return true;
    else
        return false;
    return true;
}

// 使用正则表达式
String.prototype.startsWith = function(str) {
    var reg = new RegExp("^" + str);
    return reg.test(this);
}

//测试ok，直接使用str.endsWith("abc")方式调用即可  
String.prototype.endsWith = function(str) {
    var reg = new RegExp(str + "$");
    return reg.test(this);
}

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://shenqiku.cn/article/FLY_2220