js如何安全扩展系统函数

Posted 2020-12-09 .Neter

如果直接使用如下方式扩展系统函数，常常会导致冲突，有可能和js函数重名或和第三方引用的js重名

Array.prototype.first=function(){};

安全扩展系统函数：

var ArrayEx = (function(){
  function ArrayEx(array){
    this.array = array || [];
  }
  ArrayEx.prototype.first= function (filter, context) {//获取首个数组元素
    filter = filter || function () { return true; };
    for (var i = 0, len = this.array.length; i < len; i++) {
        if (filter.call(context, i, this.array[i])) {
            return this.array[i];
        }
    }
    return null;
};

return ArrayEx;
}());

客户端调用：

var node = new ArrayEx([1,2,3]).first(function(i,item){
  return item===3;
});
alert(node);