exports、module.exports和export、export default(个人总结)

1.exports 导出,如何导入使用

demo1.js

exports.getData1 = function(a){
  console.log('a', a)
}

exports.getData2 = function(b){
  console.log('b', b)
}

index.js 使用

let test = require('../js/demo1')
test.getData1(101)

或者


import test from '../js/demo1'
test.getData1(101)

2.module.exports导出, 如何导入使用(项目中基本都是用这种方法,很少用exports )

demo2.js

module.exports = {
  getData1:function(a){
    console.log('a', a)
  },
  getData2:function(b){
    console.log('b', b)
  }
}

index.js 使用

let test = require('../js/demo2')
test.getData1(101)

或者

import test from '../js/demo2'
test.getData1(101)

3.export 导出 ,如何导入使用

demo3.js

export const a = 100
export const fn = function(){
  console.log('export 导出');
}

index.js 使用

import {a, fn} from '../js/demo3'  // export 导出的,需要用{} 引出 
console.log(a);
fn()

4.export default 导出, 如何导入使用

demo4.js

export default {
  b:999,
  fn2(){
    console.log('export default 导出');
  }
}

index.js


import test from '../js/demo4'  // export default 导出就不需要{} 了
console.log(test.b);
test.fn2()

来自网上的总结:
require: node 和 es6 都支持的引入
export / import : 只有es6 支持的导出引入
module.exports / exports: 只有 node 支持的导出

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值