ECMAScript是JavaScript的标准化规范。自从ES6（也称为ES2015）发布以来，JavaScript引入了许多新的功能和语法，其中包括 import 和 export 语法。它们允许在不使用额外工具或框架的情况下编写模块化JavaScript代码，这对于前端开发人员来说是一个重大进步。
但是，虽然 import 和 export 语法已经被广泛采用，但不是所有浏览器都支持它们。下面我们将详细介绍哪些浏览器支持它们，以及如何在不受支持的浏览器中进行回退。
支持import和export语法的浏览器
目前，几乎所有现代浏览器都支持 import 和 export 语法。以下是一些支持的浏览器：
- Chrome 61 或更高版本
- Firefox 60 或更高版本
- Safari 10.1 或更高版本
- Edge 16 或更高版本
- Opera 48 或更高版本
如果您使用的是较旧版本的浏览器，则可能无法正常运行 import 和 export 语法。此时，可以使用 Babel 等工具将代码转换为ES5，或者使用其他兼容性解决方案，如 CommonJS 或 AMD。
如何回退到其他解决方案
如果您需要支持旧版本的浏览器，则可以使用兼容性解决方案，如 CommonJS 或 AMD。这些解决方案不需要额外的工具，但它们需要使用模块加载器。
下面是一个示例代码，演示了如何在不支持 import 和 export 语法的浏览器中使用 CommonJS 格式：
-- -------------------- ---- ------- -- -- - -------------- - - -- -- -- - -- -- -- - ----- ------- - --------------------- ----------------------- -- -- -
在上面的代码中，我们使用 module.exports 将模块 A 导出为 CommonJS 模块。我们然后通过 require 函数将其导入到模块 B 中。
结论
import 和 export 语法是一种更好的模块化开发方式，在现代浏览器中已经得到广泛采用。但是，为确保代码在较旧版本的浏览器中正确运行，建议使用兼容性解决方案。无论您选择哪种解决方案，都应该考虑未来的可维护性和可扩展性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/31285
