码迷,mamicode.com
首页 > 其他好文 > 详细

ES6工作中常用知识点

时间:2018-06-03 12:34:22      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:工作   很多   括号   特殊   导出   spl   color   总结   对象   

好久不动笔了

第一个知识点:import 和 export

import导入模块、export导出模块

//全部导入
import people from ‘./example‘

//有一种特殊情况,即允许你将整个模块当作单一对象进行导入
//该模块的所有导出都会作为对象的属性存在
import * as example from "./example.js"
console.log(example.name)
console.log(example.age)
console.log(example.getName())

//导入部分
import {name, age} from ‘./example‘

// 导出默认, 有且只有一个默认
export default App

// 部分导出
export class App extend Component {};

以前有人问我,导入的时候有没有大括号的区别是什么。下面是我在工作中的总结:

1.当用export default people导出时,就用 import people 导入(不带大括号)

2.一个文件里,有且只能有一个export default。但可以有多个export。

3.当用export name 时,就用import { name }导入(记得带上大括号)

4.当一个文件里,既有一个export default people, 又有多个export name 或者 export age时,导入就用 import people, { name, age } 

5.当一个文件里出现n多个 export 导出很多模块,导入时除了一个一个导入,也可以用import * as example


 

ES6工作中常用知识点

标签:工作   很多   括号   特殊   导出   spl   color   总结   对象   

原文地址:https://www.cnblogs.com/DZzzz/p/9128135.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!