模組(Modules)
Modules 模組系統是 ES6 的新功能,透過 import 與 export 關鍵字,你可將以往冗長且結構複雜的程式碼拆解成各個小區塊,以便我們可以把A檔案的程式碼導入到B檔案使用。Exports 有兩種輸出方式,分別是 Default export 與 Named exports 預設匯出(Default export)Default export 的作用是為模組指定預設輸出。舉個例子,假
Modules 模組系統是 ES6 的新功能,透過 import 與 export 關鍵字,你可將以往冗長且結構複雜的程式碼拆解成各個小區塊,以便我們可以把A檔案的程式碼導入到B檔案使用。Exports 有兩種輸出方式,分別是 Default export 與 Named exports 預設匯出(Default export)Default export 的作用是為模組指定預設輸出。舉個例子,假
解構賦值是 ES6 的新特性,可以將陣列或物件中的資料取出成獨立變數。 陣列解構陣列解構強調順序,左右對照相對應的元素,右邊陣列的值即可對左邊陣列相對應的元素賦值。123456var foo = ['a', 'b', 'c'];var [one, two, three] = foo;console.log(one); // "a"console.log(two); // "b"console.lo
範疇在 ES6 之前,在 Javascript 要宣告變數必須要用 var。1var a = 100以 var 宣告的變數,作用範疇以 function(函式) 為基準,如果在 funciton 以外宣告,叫做全域變數,在檔案的各個位置都能使用。 在 function 以內宣告,叫做區域變數,它的作用範疇只存在於其宣告的 function 之內,離開該 function,此變數將不能再被使用。1
本系列是我學習 React 的心得筆記,主要參考 Udemy 上的 React 線上課程 React 16 - The Complete Guide,並輔以 React官方文件、css88 React中文文件,如有說錯或說不好之處,請各位不吝指教。 什麼是 React?JavaScript library for building user interfaces。 React 官網開宗明義的第