关于ES6的 模块功能 Module 中export import的用法和注意之处
2017-07-15 08:19
399 查看
export default命令用于指定模块的默认输出。显然,一个模块只能有一个默认输出,因此export deault命令只能使用一次。所以,import命令后面才不用加大括号,相反其它的export 输出 可以有多个,且import时必须加大括号,示例如下:
正是因为
关于 import * as obj from 'xx' 这种写法是把所有的输出包裹到obj对象里
对了,还有模块的继承写法:
代码改变世界,我的《源代码》,我的世界!
1 // modules.js 2 function add(x, y) { 3 return x * y; 4 } 5 export {add as default}; 6 // 等同于 7 // export default add; 8 9 // app.js 10 import { default as xxx } from 'modules'; 11 // 等同于 12 // import xxx from 'modules';
正是因为
export default命令其实只是输出一个叫做
default的变量,所以它后面不能跟变量声明语句,而export需要跟变量声明或者大括号作为输出:
1 // 正确 2 export var a = 1; 3 4 // 正确 5 var a = 1; 6 export default a; // 写法1 7 export {a} // 写法2 8 9 // 错误 10 export default var a = 1;
import 时候的路径问题(新手容易碰到)
开始玩的时候,总是出现 cannot find module 问题,原来 在 import 的时候 如果不使用相对路径或者绝对路径,node默认会去node_modules/文件夹下去找,例如:1 import * as obj from 'exports' 2 // node 会试着去寻找 node_modules/exports.js 模块 3 4 // 正确写法 5 import * as obj from './exports'
关于 import * as obj from 'xx' 这种写法是把所有的输出包裹到obj对象里
对了,还有模块的继承写法:
1 // circle.js 2 export var a = 1; 3 4 // circleplus.js 当前模块继承了 circle 模块的所有输出 5 // 此处只是继承了输出,并不能直接使用 6 7 export * from 'circle'; 8 export var e = 2.71828182846; 9 export default function(x) { 10 return Math.exp(x); 11 } 12 13 // 继承之后,circleplus.js 相当于下面代码 14 export var a = 1; 15 export var e = 2.71828182846; 16 export default function(x) { 17 return Math.exp(x); 18 }
代码改变世界,我的《源代码》,我的世界!
相关文章推荐
- 关于ES6的 模块功能 Module 中export import的用法和注意之处
- ES6新特性之模块Module用法详解
- 关于android中shape的用法和注意点
- 关于用GSM MODEM模块实现打电话发短信注意事项
- ES6模块的import和export用法总结
- es6 javascript的模块module(上)
- 关于 group by 的用法 模仿 distinct的功能
- 关于H5 storage 的一些注意事项以及用法
- ES6模块的import和export用法
- ES6学习2_ES2015 Module(模块)
- ES6模块的import和export用法总结
- 关于UISearchBar在IOS6和IOS7的区别以及用法注意
- iOS开发之功能模块--关于自定义TabBar条
- 关于函数memset的若干用法和注意事项
- OpenCV学习笔记5 OpenCV核心模块与核心功能Core Module & Core Functionality(四)
- VC++中subclassdlgitem函数的功能、用法及注意事项
- 关于小周同志在消息模块定位功能修改时存在的问题分析
- 关于IPTABLES 各种MARK 功能的用法
- 关于jstl EL用法的注意点(java.lang.NumberFormatException: For input string: "userName")
- 系统提供的功能模块Function Module ---- 解决各种小问题用