JavaScript中常见的Polyfill示例详解

if (!array.prototype.includes) {
  array.prototype.includes = function(searchelement, fromindex) {
    if (this == null) {
      throw new typeerror('"this" is null or undefined');
    }
    
    var o = object(this);
    var len = o.length >>> 0;
    
    if (len === 0) {
      return false;
    }
    
    var n = fromindex | 0;
    var k = math.max(n >= 0 ? n : len + n, 0);
    
    while (k < len) {
      if (o[k] === searchelement) {
        return true;
      }
      k++;
    }
    return false;
  };
}

if (!window.promise) {
  window.promise = function(executor) {
    // 简化版 promise 实现
    var self = this;
    self.status = 'pending';
    self.data = undefined;
    self.onresolvedcallback = [];
    self.onrejectedcallback = [];
    
    function resolve(value) {
      if (self.status === 'pending') {
        self.status = 'resolved';
        self.data = value;
        for(var i = 0; i < self.onresolvedcallback.length; i++) {
          self.onresolvedcallback[i](value);
        }
      }
    }
    
    // ... 其他实现细节
  };
}

// 只引入需要的 polyfill
import 'core-js/features/array/includes';
import 'core-js/features/promise';

// .babelrc
{
  "presets": [
    ["@babel/preset-env", {
      "usebuiltins": "usage",
      "corejs": 3
    }]
  ]
}