随着 ECMAScript 2019 的到来，前端开发者们迎来了一些新的特性和变化。但是，有些开发者在使用 ECMAScript 2019 时遇到了找不到方法的问题。本文将详细介绍这个问题的原因，以及如何修复它。
问题原因
在 ECMAScript 2019 中，引入了一些新的方法，比如 Array.prototype.flat() 和 Array.prototype.flatMap()。但是，在一些旧的浏览器或者 Node.js 版本中，这些方法可能不被支持。当你在使用这些方法时，就会出现找不到方法的错误。
例如，在下面的代码中，我们试图使用 Array.prototype.flat() 方法来展开一个数组：
const arr = [1, 2, [3, 4]]; const flatArr = arr.flat();
然而，如果你的浏览器或者 Node.js 版本不支持 Array.prototype.flat() 方法，你就会得到一个错误：
Uncaught TypeError: arr.flat is not a function
这是因为在这些旧的环境中，Array.prototype.flat() 方法并不存在。
解决方案
为了解决这个问题，我们可以使用一些 polyfill 或者 shim，来模拟这些新的方法。这些 polyfill 或 shim 会在不支持新方法的环境中，提供一个类似于新方法的函数，以便我们在这些环境中使用这些新方法。
使用 polyfill
polyfill 是一种特殊的库，它可以让你在不支持某个特性的浏览器中使用这个特性。polyfill 会检查当前浏览器是否支持某个特性，如果不支持就提供一个类似于这个特性的函数，以便我们在这个浏览器中使用这个特性。
对于 ECMAScript 2019 中的新方法，我们可以使用一些 polyfill 来模拟这些方法。比如，我们可以使用以下 polyfill 来模拟 Array.prototype.flat() 方法：
-- -------------------- ---- -------
-- ----------------------- -
-------------------- - -------------- - -- -
----- ------- - ---
--- ---- - - -- - - ------------ ---- -
-- ----------------------- -- ----- - -- -
---------------------------------- - ----
- ---- -
----------------------
-
-
------ --------
--
-这个 polyfill 会检查当前浏览器是否支持 Array.prototype.flat() 方法，如果不支持就提供一个类似于这个方法的函数。这个函数会递归地展开数组，直到达到指定的深度。
使用 shim
除了 polyfill，我们还可以使用 shim 来模拟 ECMAScript 2019 中的新方法。shim 是一种特殊的库，它会在运行时动态地修改某些对象或者函数，以便让它们支持某个特性。
对于 ECMAScript 2019 中的新方法，我们可以使用一些 shim 来模拟这些方法。比如，我们可以使用以下 shim 来模拟 Array.prototype.flat() 方法：
if (!Array.prototype.flat) {
Array.prototype.flat = function() {
return [].concat(...this.map(item => Array.isArray(item) ? item.flat() : [item]));
};
}这个 shim 会在运行时动态地修改 Array.prototype.flat() 方法，以便让它支持展开数组。
总结
在 ECMAScript 2019 中，引入了一些新的方法，但是在一些旧的环境中，这些方法可能不被支持。为了解决这个问题，我们可以使用 polyfill 或者 shim，来模拟这些新方法。这些 polyfill 或 shim 会在不支持新方法的环境中，提供一个类似于新方法的函数，以便我们在这些环境中使用这些新方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6512cb6395b1f8cacdb4bb33