require,import区别

es6中import

模块js使用export命令输出变量
// 设置变量暴露
var test = 'Michael';
export {
  test
}
es6中的import
//普通引入:
import fs from 'fs'		//引入整个fs模块
var test = fs.star(....)	//调用fs模块中的star方法
//结构赋值
import { stat,readFile } from 'fs'		//引入fs模块中的stat,readFile方法,其余不引入

var test = star(....)	//调用fs模块中的star方法

CommonJs  require

CommonJs规范靠exports.xx = xx或module.exports = { xx }暴露导出模块。
靠var xx = require('...')或var { stat, exists, readFile } = require('fs');引入模块

//暴露
var test = 1;
module.exports = {
  test
}
//普通引入
var fs = require('fs')		//引入整个fs模块

var test = fs.star(....)	//调用fs模块中的star方法
//结构赋值
var { stat,readFile } = require('fs')		//引入fs模块中的stat,readFile方法,其余不引入

var test = star(....)	//调用fs模块中的star方法

区别

CommonJs规范的引入require('xx')是“运行时加载”
运行时加载概念

而es6的import ... form ...是按需引入,编译过程按照import命令来选择编译 

编译时加载概念 

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值