es6

import ... form...替代 require()//不接收物件 require:require("s.css"); //(es5)improt "s.css" //(es6)//接收物件var o = require("s.js"); //es(5)import o form s.js //(es6)

物件的寫法匯出一個模組物件（es5）:

module.exports={

add:add, sub:sub}

匯出一個模組物件（es6）:module.exports={

add, sub}

注意：這種寫法屬性名和屬性值變數是同一個，否則要分開寫module.exprots={

addFn:add, sub}

一個物件中方法的寫法//es5module.exports={

addFun:function(x,y){ return x+y;

}

}//es6module.exports={

addFun(x,y){ return x+y;

}

}

匯出物件的寫法calc.js中有兩個函式：

function add(){}

function sub(){}

//寫法一

es5寫法:

module.exports.add = add;

module.exports.sub = sub;

使用：

var calc = require("./calc.js");

es6寫法:

exprot function add(){}

exprot function sub(){}

//寫法二

es5:

module.exports = {add:add,sub:sub};

es6:

exprot default{

add,sub}

//表示取得calc.js中所有暴露出來的物件(es6)import calc from "./calc.js"

//只獲取到calc.js中的add方法(按需獲取)import {add} from "./calc.js"

用export 和import 的寫法注意點1、如果模組中是使用 export default {} 方式匯出的物件

只能透過 import 物件名稱 from "模組路徑"

不能透過 import {物件名稱} from "模組路徑"2、如果就想要import {物件名稱} from "模組路徑"透過這種方式來按需匯入物件中的某個屬性

那麼應該使用 export 跟著要匯出的物件或者方法名稱 export function add(){} export function substrct(){}

那麼就可以使用： import {add,substrct} from "模組路徑"

只需要直接使用 add()方法即可

注意這裡不能直接使用： import cacl from "模組路徑" 這種方式匯入，會報錯