// 示例代码:使用 ES6 模块化语法进行导入
// 假设我们有一个名为 math.js 的文件,其中导出了几个数学函数:
// math.js
export function add(a, b) {
return a + b;
}
export function subtract(a, b) {
return a - b;
}
// 在另一个文件中,我们可以使用 import 语句来导入这些函数:
// main.js
import { add, subtract } from './math.js';
console.log(add(2, 3)); // 输出: 5
console.log(subtract(5, 2)); // 输出: 3
// 如果你想要导入整个模块并使用其命名空间,可以这样做:
import * as math from './math.js';
console.log(math.add(2, 3)); // 输出: 5
console.log(math.subtract(5, 2)); // 输出: 3
// 如果你只想导入一个默认导出(default export),可以这样做:
// 假设 math.js 中有一个默认导出的函数 multiply
export default function multiply(a, b) {
return a * b;
}
// 然后在 main.js 中:
import multiply from './math.js';
console.log(multiply(2, 3)); // 输出: 6
import { add, subtract } from './math.js';:从 math.js 文件中导入特定的命名导出(named exports)。import multiply from './math.js';:导入默认导出(default export),不需要大括号。以上是常见的几种 import 用法。
上一篇:js import as
下一篇:js 设置元素高度
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站