理解import声明 与 export声明

 import的两种使用方法

import "mod"; // 引入一个模块
import v from "mod"; // 把模块默认的导出值放入变量 v

import 直接引入一个模块,并自动执行,但是无法获取模块中的信息

带from的import 意思是引入模块中的一部分信息把他们变成本地变量

带 from 的 import 细分又有三种用法,我们可以分别看下例子:

import x from "./a.js" 引入模块中导出的默认值。
import {a as x, modify} from "./a.js"; 引入模块中的变量。
import * as x from "./a.js" 把模块中所有的变量以类似对象属性的方式引入。

export 声明

模块中导出变量的方式有两种,一种是独立使用 export 声明,另一种是直接在声明型语句前 添加 export 关键字
export 还有一种特殊的用法,就是跟 default 联合使用。export default 表示导出一个默认 变量值,它可以用于 function 和 class。这里导出的变量是没有名称的,可以使用import x from "./a.js"这样的语法,在模块中引入。

 

原文地址:https://www.cnblogs.com/ralapgao/p/10972466.html