import和export的产生主要是为了JS的模块化和按需引用
使用方法
export
- export标识符表示需要发布的模块
export const PI = 3.14
export function getInitState(){return state}
export _THIS_IS_A_VERY_LONG_NAME_ = true
import
- 按需要引入从其他地方发布的模块
- 别名功能很有用, 可以改掉太长的名字, 也可以引入两个相同名字的模块.
import { PI , getInitState } from './path'
import { _THIS_IS_A_VERY_LONG_NAME__ as longName} from './path'
console.log(PI)
getInitState()
console.log(longName)
import *
- 如果某个文件发布了一堆东西, 这些东西都要用, 可以考虑用import *
import * as myImport from './path'
console.log(myImport.PI)
myImport.getInitState()
export default
- 如果某个文件只发布一个东西, 那么可以考虑用export default
- 默认发布的模块引用的方法是 import xxx from './path', 不加花括号
- import * 是选不到默认发布的东西的
export function func1(){}
export function func2(){}
export function func3(){}
const funcGroup = {func1,func2,func3}
export default funcGroup
import funcGroup , {func1,func2,func3} from './path'
- 这样func1和funcGroup.func1是指向同一个函数, 很多框架都是这样处理的.
