區(qū)別
export
- 每個文件中可使用多次export命令
- import時需要知道所加載的變量名或函數(shù)名
- import時需要使用{}，或者整體加載方法
| export | export default |
|---|---|
| 每個文件中可使用多次export命令 | 每個文件中只能使用一次export default命令 |
| import時需要知道所加載的變量名或函數(shù)名 | 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)
// 調(diào)用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)
// 調(diào)用say
person.say()
