默认成员

ES6中 , 一个js中只能有一个默认成员(任意类型)。
导出默认成员示例

export default function (){ //导出一个函数
	console.log('我是 bar 模块---ES6')
} 

export default { //导出一个对象
	name: '随心'
}

导入默认成员示例

import bar from './bar' //bar是给成员取的名字,./bar是导入文件的名字,如果没有默认成员,导入undefined

非默认成员

非默认成员可以有多个,并且每个导出的成员必须有名字。

导出非默认成员示例

export const x = 'xxx' //必须有名字,不能直接写export "xxx";
export const y = 'yyy'
export function add (a, b) { //导出函数,必须有函数名,没有函数名也是错的
	return a + b
}

导入非默认成员示例

// 通过 export xxx 导出的非默认成员,可使用 解构赋值 的方式按需加载成员
// x 对应就是 bar.js 中的 x 成员,y 对应就是 bar.js 中的 y 成员,
import {x, y, add} from './bar'

// 一次性加载 export xxx 导出所有成员, 不采用解构赋值
import * as bar2 from './bar'

Q.E.D.


擅长前端的Java程序员