export 指令用于导出变量,比如下面代码

  1. //info.js
  2. export let name = 'why'
  3. export let name = 18
  4. export let height = 1.88

上面的代码还有另外一种写法

  1. //info.js
  2. let name = 'why'
  3. let age = 18
  4. let height = 1.88
  5. export {name , age , height}

export default 在同一个模块中 不允许同时存在多个

import指令用于导入模块中的内容 , 比如main.js代码

import 的使用

import指令用于导入模块中的内容,比如main.js的代码

  1. import { name , age , height}
  2. console.log(name , age , height)

~ 如果我们希望某个模块中所以的信息都导入 ,一个一个导入显然有点麻烦

通过 可以导入模块中的所有的export变量
但是通常情况下我们需要给
起一个别名 , 方便后续的使用

  1. import * as info from "./info.js"
  2. console.log(info.name , info.age , info.height , info.friends)