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

ES6 export

时间:2019-01-18 12:12:38      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:exp   多个   冲突   UNC   str   default   --   有一个   解决   

一、默认导出(default export)
// 1.一个模块只能有一个默认导出, 对于默认导出, 导入的名称可以和导出的名称不一致, 这对于导出匿名函数或类非常有用。

<!---- page.js ---->
export default function () {
	return ‘默认导出‘
}
export function setName() {
	return name + ‘Tao‘
}

<!---- main.js ---->
// 只导出默认的导出
import myFunc from ‘@/assets/page.js‘

// 混合的导出, 默认的导出和其他的导出
import defaultModel, { setName } from ‘@/assets/js/page‘

// 或者导出所有
import * as page from ‘@/assets/js/page‘

 

二、名字导出(name export)
// 1.名字导出可以在模块中导出多个声明

<!---- page.js ---->
export const name = ‘Alan‘
export function setName() {
	return name + ‘Tao‘
}
export function getName() {
	return name
}
// 2.也可以直接导出一个列表
function setName2() {
	return name + ‘Tao2‘
}
function getName2() {
	return name
}
export { setName2, getName2 }

<!---- main.js ---->
// import 根据变量名称导入
import { setName , getName} from ‘@/assets/js/page‘

// import 导入整个模块
import * as page from ‘@/assets/js/page‘
console.log(page.getName())  // Alan
console.log(page.setName())  // Alan Tao

 

三.解决导出命名冲突的问题,重命名的方法解决方法

// 这两个模块都会导出以`flip`命名的东西。
// 要同时导入两者,我们至少要将其中一个的名称改掉。
import {flip as flipOmelet} from "one.js"
import {flip as flipHouse} from "two.js"

  

ES6 export

标签:exp   多个   冲突   UNC   str   default   --   有一个   解决   

原文地址:https://www.cnblogs.com/alantao/p/10286640.html

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