本文摘自PHP中文网,作者青灯夜游,侵删。
JavaScript中有import语句。import语句用于将某个模块中导出的函数或对象、初始值导入到另一个模块中;语法“import {模块名称} from "需要导入模块的路径名"”。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
import 语句用于导入由另一个模块导出的绑定。无论是否声明了 strict mode,导入的模块都运行在严格模式下。import语句不能在嵌入式脚本中使用。
语法
1 2 3 4 5 6 7 8 9 |
|
defaultExport
将引用模块默认导出的名称。
module-name
要导入的模块。这通常是包含模块的 .js 文件的相对或绝对路径名,可以不包括 .js 扩展名。某些打包工具可以允许或要求使用该扩展;检查你的运行环境,只允许单引号和双引号的字符串。
name
引用时将用作一种命名空间的模块对象的名称。
export,exportN
要导入的导出名称
alias,aliasN
将引用指定的导入的名称。
描述
name 参数是“模块对象”的名称,它将用一种名称空间来引用导出。导出参数指定单个命名导出,而import * as name 语法导入所有导出。
导入整个模块的内容
这将 myModule 插入当前作用域,其中包含来自位于 /modules/my-module.js 文件导出的所有模块。
1 |
|
在这里,访问导出意味着使用模块名称(在这种情况下为”myModule”)作为命名空间。例如,如果上面导入的模块包含一个doAllTheAmazingThings(),你可以这样调用:
1 |
|
导入单个导出
给定一个名为 myExport 的对象或值,它已经从模块 my-module 导出(因为整个模块被导出)或显式导出(使用 export 语句),将 myExport 插入到当前作用域。
1 |
|
导入多个导出
将 foo 和 bar 插入当前作用域。
1 |
|
导入带有别名的导出
导入时可以重命名导出,例如,将shortName 插入当前作用域。
1 |
|
导入时重命名多个导出
使用别名导入模块的多个导出。
1 2 3 4 |
|
仅为副作用而导入一个模块
模块仅为副作用(中性词、无贬义含义)而导入,而不是导入模块中的任何内容,这将运行模块中的全局代码,但实际上不导入任何值。
相关阅读 >>
更多相关阅读请进入《javascript》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者