两者区别:
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