require vs import

二者區別：

一、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

二、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