在 JavaScript 中，import 是用于导入模块的语法。这允许你在一个文件中引入另一个模块中的功能、对象或变量。以下是一些基本示例，展示了如何使用 import 语句。
基本用法
假设你有两个文件：module.js 和 main.js。
module.js
// 导出一个函数export function greet(name) {return `Hello, ${name}!`;}// 导出一个常量export const PI = 3.14;
main.js
// 导入整个模块import * as myModule from './module.js';console.log(myModule.greet('Alice')); // 输出: Hello, Alice!console.log(myModule.PI); // 输出: 3.14// 或者只导入特定的内容import { greet, PI } from './module.js';console.log(greet('Bob')); // 输出: Hello, Bob!console.log(PI); // 输出: 3.14
默认导出与命名导出
如果你只想默认导出一个值，可以这样做：
module.js
// 默认导出一个函数export default function greet(name) {return `Hello, ${name}!`;}
main.js
// 导入默认导出的函数import greet from './module.js';console.log(greet('Charlie')); // 输出: Hello, Charlie!
注意事项
- 相对路径：确保使用正确的相对路径（如
./）来引用模块。 - 文件扩展名：在某些环境下，你需要包含文件扩展名（例如
.js）。 - 浏览器支持：现代浏览器支持 ES6 模块，但旧版浏览器可能不支持。对于 Node.js，确保你的环境支持 ES6 模块或者使用 CommonJS 语法。
希望这些信息能帮助你更好地理解和使用 JavaScript 的 import 功能！如果你有具体的问题或想要深入了解某个方面，请告诉我！
内容由零声教学AI助手提供，问题来源于学员提问
