ECMAScript 6 知識點梳理 2

2022-09-11 20:09:15 字數 555 閱讀 7429

二.變數的解構賦值

1.es6 允許按照一定模式,從陣列和物件中提取值,對變數進行賦值,這被稱為解構(destructuring)。

2.解構賦值允許指定預設值,但如果乙個陣列成員不嚴格等於undefined,預設值是不會生效的。

3.解構不僅可以用於陣列,還可以用於物件。

4.物件的解構與陣列有乙個重要的不同。陣列的元素是按次序排列的,變數的取值由它的位置決定;而物件的屬性沒有次序,變數必須與屬性同名,才能取到正確的值。

5.物件的解構賦值的內部機制,是先找到同名屬性,然後再賦給對應的變數。真正被賦值的是後者,而不是前者。

6.字串也可以解構賦值。這是因為此時,字串被轉換成了乙個類似陣列的物件。

7.類似陣列的物件都有乙個length屬性,因此還可以對這個屬性解構賦值。

8.數值和布林值的解構賦值:沒看懂抱歉- - !

9.函式的引數也可以使用解構賦值。

10.變數的解構賦值用途很多:交換變數的值;從函式返回多個值;函式引數的定義;快速提取json物件中的資料;設定函式引數的預設值等。

ECMAScript 6 知識點梳理 1

一.let 和 const 命令 1.es6 新增了let命令,用來宣告變數。它的用法類似於var,但是所宣告的變數,只在let命令所在的 塊內有效。2.var命令會發生 變數提公升 現象,即變數可以在宣告之前使用,值為undefined。let命令改變了語法行為,它所宣告的變數一定要在宣告後使用,...

EcmaScript 6 箭頭函式

es5 var total values.reduce function a,b 0 es6 var total values.reduce a,b a b,0 箭頭即乙個函式的簡化 es5 confetti btn click function event es6 confetti btn cli...

ECMAScript6掃盲筆記 一

ecma組織推出的ecmascript是乙個標準 協議 js是協議的實現。ecmascript簡稱ecma或es。目前使用最多的是es5.1,es6正式推出是在2015年。就醬 es6 es2015 相容性 es6 es2015 支援 ie10 chrome firefox 移動端 nodejs。和...