IE兼容ES6的某些方法

分手后的思念是犯贱 2023-07-25 08:59 50阅读 0赞

放到使用这个方法的地方的前面即可

##### IE不支持forEach #####

forEach() 方法用于遍历数组，并将每个元素传递给回调函数。forEach对于空数组和未初始化的值不会进行任何操作  
例如：

const arraySparse = [1,3,,7];
    let numCallbackRuns = 0;
    
    arraySparse.forEach(function(element){
      console.log(element);
      numCallbackRuns++;
    });
    
    console.log("numCallbackRuns: ", numCallbackRuns);
    
    // 1
    // 3
    // 7
    // numCallbackRuns: 3
    （3 和 7 之间空缺的数组单元未被 forEach() 调用 callback 函数，或进行任何其他操作。）

兼容IE：

*  1：

if ( !Array.prototype.forEach ) { 
        Array.prototype.forEach = function forEach( callback, thisArg ) { 
            var T, k;
            if ( this == null ) { 
                throw new TypeError( "this is null or not defined" );
            }
            var O = Object(this);
            var len = O.length >>> 0;
            if ( typeof callback !== "function" ) { 
                throw new TypeError( callback + " is not a function" );
            }
            if ( arguments.length > 1 ) { 
                T = thisArg;
            }
            k = 0;
            while( k < len ) { 
     
                var kValue;
                if ( k in O ) { 
                    kValue = O[ k ];
                    callback.call( T, kValue, k, O );
                }
                k++;
            }
        };
    }

*  2：

if (typeof Array.prototype.forEach != 'function') { 
    	Array.prototype.forEach = function(callback){ 
    	  for (var i = 0; i < this.length; i++){ 
    		callback.apply(this, [this[i], i, this]);
    	  }
    	};
    }

#### IE不支持object.assign方法 ####

Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。  
例如：

兼容IE：

if (typeof Object.assign != 'function') { 
      Object.assign = function(target) { 
        'use strict';
        if (target == null) { 
          throw new TypeError('Cannot convert undefined or null to object');
        }
     
        target = Object(target);
        for (var index = 1; index < arguments.length; index++) { 
          var source = arguments[index];
          if (source != null) { 
            for (var key in source) { 
              if (Object.prototype.hasOwnProperty.call(source, key)) { 
                target[key] = source[key];
              }
            }
          }
        }
        return target;
      };
    }