ES6入門筆記(初)

2021-08-27 03:36:50 字數 2214 閱讀 3818

參照  學習,寫的非常不錯,難得有寫的這麼好的開發學習資料,簡單易懂,非常方便查詢

#docs/style  編碼風格(好)必學

function example() ;

}let = example();

解構賦值對提取 json 物件中的資料,尤其有用

let jsondata = ;

let = jsondata;

遍歷 map 結構

const map = new map();

map.set('first', 'hello');

map.set('second', 'world');

for (let [key, value] of map)

// 獲取鍵名 for (let [key] of map) {}

// 獲取鍵值 for (let [,value] of map) {}

這三個方法都支援第二個引數,表示開始搜尋的位置。

let s = 'hello world!';   s.startswith('world', 6) // true

repeat方法返回乙個新字串,表示將原字串重複n次  'x'.repeat(3) // "***"

padstart和padend一共接受兩個引數,第乙個引數用來指定字串的最小長度,第二個引數是用來補全的字串。'x'.padstart(4, 'ab') // 'abax'; 'x'.padend(5, 'ab') // 'xabab'

模板字串中嵌入變數,需要將變數名寫在${}

合併陣列// es6 的合併陣列[...arr1, ...arr2, ...arr3]

#docs/module

整體載入:import * as circle from './circle';  如果circle有多個export,最好不使用,使用乙個輸出

模組整體載入所在的那個物件(上例是circle),應該是可以靜態分析的,所以不允許執行時改變

export default命令,為模組指定預設輸出。上面**的兩組寫法,第一組是使用export default時,對應的import語句不需要使用大括號;第二組是不使用export default時,對應的import語句需要使用大括號。

如果模組預設輸出乙個函式,函式名的首字母應該小寫。如果模組預設輸出乙個物件,物件名的首字母應該大寫。

#docs/style

eslint 是乙個語法規則和**風格的檢查工具,可以用來保證寫出語法正確、風格統一的**。

靜態字串一律使用單引號或反引號,不使用雙引號。動態字串使用反引號。

在let和const之間,建議優先使用const,尤其是在全域性環境,不應該設定變數,只應設定常量。const b = `foo$bar`;

解構賦值

使用陣列成員對變數賦值時,優先使用解構賦值。const [first, second] = arr;

物件: const b = ; 注意單行定義的物件,最後乙個成員不以逗號結尾。多行定義的物件,最後乙個成員以逗號結尾。

使用擴充套件運算子(...)拷貝陣列。const itemscopy = [...items];

使用 array.from 方法,將類似陣列的物件轉為陣列。const nodes = array.from(foo);

函式:立即執行函式可以寫成箭頭函式的形式。(() => ) 使用函式表示式的場合,盡量用箭頭函式代替。因為這樣更簡潔,而且繫結了 this。

rest 運算子(...)可以提供乙個真正的陣列

es6入門筆記

常量constconst a 1 a 2 console.log a 報錯 vm6833 2 uncaught typeerror assignment to constant variable.常量唯讀,不可以更改列表專案 es5 es6作用域舉個栗子 es5 function arr 0 4,i...

初入ES6 解構

es6允許按照一定的模式,從陣列或者物件中取值,對變數進行賦值 陣列 var a 2 var b 1,2 var c thisi es6 解構的物件要具有iterator介面也就是可以遍歷 var a,b,c 1,2,3 按照對應的關係進行取值 var a,b 1,2,3,4 a 1 b 2,3,4...

ES6快速入門

三種語法實現同乙個功能,從而加深對三種語法的運用,最後了解es6的優勢 知識點 常量 作用域 箭頭函式 預設 物件 es5 中常量的寫法 object.defineproperty window,pi2 console.log window.pi2 es6 的常量寫法 const pi 3.1415...