在前端开发中，我们可能会遇到一些旧版浏览器不支持 ES5 和 ES6 的关键字的情况，例如 Promise 和 Object.assign 等。为了解决这个问题，我们可以使用 es5-shim 和 es6-shim 这两个库。
es5-shim
es5-shim 是一个适用于 ES5 环境的库，它可以使旧版浏览器支持 ES5 的一些新特性。具体来说，它提供了以下功能：
- 实现了
Array.prototype、Function.prototype、String.prototype和Object.prototype的一些新方法，例如Array.prototype.forEach、Function.prototype.bind、String.prototype.trim和Object.keys等； - 实现了
JSON对象； - 重写了
Date.prototype.toISOString方法； - 提供了
Object.create、Object.defineProperty和Object.defineProperties方法等。
使用 es5-shim 的方法非常简单，只需要在 HTML 文件中引入相应的 JS 文件即可：
------- ------------------------------------------------------------------------
这里使用的是 jsdelivr 的 CDN，也可以自己下载并引入。
es5-shim 还有一个衍生库 es5-sham，它完善了 es5-shim 的一些功能，例如 Array.prototype.indexOf 和 Array.prototype.lastIndexOf 方法。使用方法也类似，只需要引入对应的 JS 文件即可：
------- ------------------------------------------------------------------------
es6-shim
es6-shim 是一个适用于 ES6 环境的库，它可以使旧版浏览器支持 ES6 部分新特性。具体来说，它提供了以下功能：
- 实现了
Promise对象； - 实现了
Array对象的新方法，例如Array.from、Array.of和Array.prototype.fill等； - 实现了
String对象的新方法，例如String.prototype.repeat、String.prototype.startsWith和String.prototype.endsWith等； - 实现了
Object对象的新方法，例如Object.assign和Object.is等。
使用 es6-shim 的方法同样非常简单，只需要在 HTML 文件中引入相应的 JS 文件即可：
------- ------------------------------------------------------------------------
同样地，这里使用的是 jsdelivr 的 CDN，也可以自己下载并引入。
需要注意的是，使用 es6-shim 时，需要使用 babel-polyfill 或 core-js 作为依赖，以确保新的特性能够正确运行。例如：
------ ---------------- -- -- ------ ---------
这样就能够使你的代码在旧版浏览器中正确运行了。
总结
通过使用 es5-shim 和 es6-shim 这两个库，我们可以方便地解决旧版浏览器不支持 ES5 和 ES6 的关键字的问题。当然，我们还应该注意代码的兼容性，使用一些编译工具或者 polyfill，以确保代码在不同环境下都能够正确运行。
示例
下面是一个使用 Promise 的示例，使用 es6-shim 和 babel-polyfill：
------ ---------------- ------ ---------- ----------------------------------------------------- -------------- -- ---------------- ---------- -- ------------------
这样就可以在旧版浏览器上使用 Promise 了。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6496908948841e98943beda5