ES6：export default 和 export 区别

写了 34024 字，被 30 人关注，获得了 48 个喜欢

总要去尝试一下吧！
来自 http://www.jianshu.com/p/edaf43e9384f

本文原创地址链接：http://blog.csdn.net/zhou_xiao_cheng/article/details/52759632，未经博主允许不得转载。
相信很多人都使用过export、export default、import，然而它们到底有什么区别呢？
在JavaScript ES6中，export与export default均可用于导出常量、函数、文件、模块等，你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用，但在一个文件或模块中，export、import可以有多个，export default仅有一个。
具体使用：
1、

//demo1.js
export const str = 'hello world'

export function f(a){
    return a+1
}

对应的导入方式：

//demo2.js
import { str, f } from 'demo1' //也可以分开写两次，导入的时候带花括号

2、

//demo1.js
export default const str = 'hello world'  
//应该也可以用 
const str = 'hello world'
export { str as default }

对应的导入方式：

//demo2.js
import str from 'demo1' //导入的时候没有花括号

来自 http://blog.csdn.net/zhou_xiao_cheng/article/details/52759632

区别

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()

You are here

ES6：export default 和 export 区别有大用有大大用

ES6：export default 和 export 区别

es6 export 和export default的区别

区别

export

export用法

export default 用法

友情链接

搜索表单

用户登录

You are here

ES6：export default 和 export 区别 有大用 有大大用

ES6：export default 和 export 区别

es6 export 和export default的区别

区别

export

export用法

export default 用法

友情链接

ES6：export default 和 export 区别有大用有大大用