作者:三年零七U个月的感情 | 来源:互联网 | 2020-08-07 14:29
在ES6中,可以通过模块化来管理Javascript对象。进行模块化的话,除了能进行功能的再利用以外,能够提高可维护性。
import {模块名称} from "需要导入模块的路径名"
如何使用import?
该模块有default模块和named(命名)模块。
我们首先加载default export的模块和named export的模块
import {ModuleA, ModuleB} from "modules";
import Default from 'modules2';
在第一行中,我们从modules这个文件导入名为Module A和Module B的这两个named模块。
在第二行中,我们从modules 2这个文件中导入default模块。
执行模块export
要将函数,对象,原始值导出为模块,需要使用export。
我们来看具体示例
将其导出为默认模块
// alert.js
export default function () {
alert("default module called!");
};
命名导出
// utils.js
export function sum(x, y, z) {
return x+y+z;
}
export function multiply(x, y) {
return x*y;
}
我们能够导出名为sum和multiply的模块。
可以通过如下调用来使用该函数
import { sum, multiply } from 'utils';
console.log(sum(1, 2, 3));
console.log(multiply(5, 8));
执行结果如下
->6
->40
本篇文章到这里就全部结束了,更多精彩内容大家可以关注 第一PHP社区 的其他相关栏目教程!!!
以上就是Javascript中import怎么使用?的详细内容,更多请关注 第一PHP社区 其它相关文章!