ES5和ES6对象导出和导入
import ... form...替代 require()
- //不接收对象
- require:require('s.css'); //(es5)
- improt 's.css' //(es6)
-
- //接收对象
- var o = require('s.js'); //es(5)
- import o form s.js //(es6)
对象的写法
- 导出一个模块对象(es5):
- module.exports={
- add:add,
- sub:sub
- }
- 导出一个模块对象(es6):
- module.exports={
- add,
- sub
- }
- 注意:上es6这种写法属性名和属性值变量是同一个,否则要分开写
- module.exprots={
- addFn:add,
- sub
- }
一个对象中方法的写法
- //es5
- module.exports={
- addFun:function(x,y){
- return x+y;
- }
- }
- //es6
- module.exports={
- addFun(x,y){
- return x+y;
- }
- }
导出对象
- calc.js中有两个函数:
- function add(){}
- function sub(){}
-
- //写法一
-
- es5写法:
- module.exports.add = add;
- module.exports.sub = sub;
-
- es6写法:
- exprot function add(){}
- exprot function sub(){}
-
- 使用:
- var calc = require('./calc.js');
-
- //写法二
- es5:
- module.exports = {add:add,sub:sub};
- es6:
- exprot default{
- add,sub
- }
- //表示取得calc.js中所有暴露出来的对象(es6)
- import calc from './calc.js'
- //只获取到calc.js中的add方法(按需获取)
- import {add} from './calc.js'
用export 和import 的写法注意点
- 1、如果模块中使用 export default {}
只能通过 import 对象名称 from '模块路径'
不能通过 import {对象名称} from '模块路径'
- 2、如果使用 import {对象名称} from '模块路径' 导出具体某个对象或者方法名称
需要单独导出对象或者方法:
export function add(){}
export function sub(){}使用:
import {add, sub} from '模块路径直接使用 add,sub方法
注意:不能直接使用 import 对象名称 from '模块路径'
本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!