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