区别
export
- 每个文件中可使用多次export命令
- import时需要知道所加载的变量名或函数名
- import时需要使用{}，或者整体加载方法
| export | export default |
|---|---|
| 每个文件中可使用多次export命令 | 每个文件中只能使用一次export default命令 |
| import时需要知道所加载的变量名或函数名 | import时可指定任意名字 |
export用法
a-1.js
export const name = 'tom'
export function say() {
console.log(name)
}
a-2.js
import {name, say} from './a-1.js'
// 打印name
console.log(name)
// 调用say
say()
export default 用法
b-1.js
let obj = {
name: 'tom',
say() {
console.log(this.name)
}
}
export default obj
b-2.js
import person from './b-1.js'
// 打印name
console.log(person.name)
// 调用say
person.say()
