ES6中import 和 export

admin

import：导入模块

export：导出模块

1. //全部导入
   
2. import people from './example'
   
3. 
   
4. //有一种特殊情况，即允许你将整个模块当作单一对象进行导入
   
5. //该模块的所有导出都会作为对象的属性存在
   
6. import * as example from "./example.js"
   
7. console.log(example.name)
   
8. console.log(example.age)
   
9. console.log(example.getName())
   
10. 
    
11. //导入部分
    
12. import {name, age} from './example'
    
13. 
    
14. // 导出默认, 有且只有一个默认
    
15. export default App
    
16. 
    
17. // 部分导出
    
18. export class App extend Component {};

复制代码

导入的时候有没有大括号的区别：

1. 1.当用export default people导出时，就用 import people 导入（不带大括号）
   
2. 
   
3. 2.一个文件里，有且只能有一个export default。但可以有多个export。
   
4. 
   
5. 3.当用export name 时，就用import { name }导入（记得带上大括号）
   
6. 
   
7. 4.当一个文件里，既有一个export default people, 又有多个export name 或者 export age时，导入就用 import people, { name, age }
   
8. 
   
9. 5.当一个文件里出现n多个 export 导出很多模块，导入时除了一个一个导入，也可以用import * as example

复制代码