穀粒商城28 前端基礎 ES6 模組化

模組化概念:

hello.js 如下

//宣告方法的時候, 直接匯出 

// export const util = 
// }
//匯出物件
export
default
}// export 
//`export`不僅可以匯出物件，一切js變數都可以匯出。比如：基本型別變數、函式、陣列、物件。

var name =

"jack"
var age =
21function
add(a,b)
// 匯出
export

使用import 關鍵字 匯入

對匯入的 變數, 可以直接進行使用

// 由於匯出的是物件, 可以任意起名字 ,例如此處為abc

import abc from
"./hello.js"
import
from
"./user.js"
//對匯入的模組, 進行呼叫使用, 傳入引數即可
abc.
sum(1,
2);console.
log(name)
;add(1
,3);

前端es6基礎語法

var是宣告全域性的變數，作用域是全域性，const是宣告全域性的常量，不能修改,而let是塊級變數只在當前宣告的作用域中生效 console.log a 列印a的值 console.log b 報錯 referenceerror b is not defined 直接列印a的值，檔案中沒有宣告a ...

ES6模組前端工程化

通過模組化解決上述問題 模組化開發的好處 瀏覽器端模組化規範 cmd伺服器端模組化規範 es6模組化 大一統的模組化規範 es6模組化規範中定義 babel.config.js const presets babel env module.exports 預設匯入語法import接受名稱from 模...

16進製制 es6 前端基礎 包含ES6 （一）

js中到底都有哪些資料型別 基本資料型別 值型別 number string boolean true false null undefined symbol es6 引用資料型別 object 物件 物件 陣列 正則 tue mar 08 2016 16 17 10 gmt 0800 時間 fun...