ES6 export
ES6 EXPORT
2023-09-14 08:58:48 时间
一、默认导出(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 学习之 let
- 《深入理解ES6》笔记——块级作用域绑定(1)
- [ES6] ES6 Modules (ES2015) - Import and Export
- [ES6] 10. Array Comprehensions
- ES6 import、export的写法
- [Node] Convert CommonJS Requires to ES6 Imports
- [Node.js] Testing ES6 Promises in Node.js using Mocha and Chai
- Es6系列之module and class
- 6周学习计划,攻克JavaScript难关(React/Redux/ES6 etc.)
- Node.js 中使用 ES6 中的 import / export 的方法大全
- ES6 Fetch API和Cookie相关的知识点
- 9个超级实用的 ES6 特性,超级实用哦!
- ES6笔记--持续更新
- 随笔-深入理解ES6模块化(二)