require vs import

两者区别:

1、require:Node的commonJS规范

用法:const http = require('http')

①.module.export vs export

//user.js
export 
function getName(){
return 'alhh'
}
export.getName = getName
调用时候
var user = require('./user.js')
user.getName() // alhh

module.export
module.export = getName
调用时候
var user = require('./user.js')
user() //alhh

2、import:es6的标准

①.import ...from vs import {} from 的区别

这里又牵扯到export和export default的区别

export 搭配 import {} from ...
//user.js
export function getName(){
return 'hello alhh'
}
//main.js
import {getName} from './user.js'
调用时候 consle.log(getName()) //hello alhh
export default 为模块指定输出,这样就不需要知道所要加载模块的变量名
export default 搭配 import ...from ...
//user.js export default { getName(){ return 'default alhh' } } //main.js import getName from "./user" 调用时候 console.log(getName()) //default alhh 如果default下面有多个属性或者方法 export default{ getName(){ return 'default alhh' }, userName:'alhh' } 调用时候import user from './user.js' console.log(user.userName) //alhh console.log(user.getName()) //default alhh
原文地址:https://www.cnblogs.com/alhh/p/11542499.html