ECMA Script 6 變數的解構賦值

2021-08-22 00:25:11 字數 1420 閱讀 6889

1、陣列的結構和賦值：es6 允許按照一定模式，從陣列和物件中提取值，對變數進行賦值，這被稱為解構

2、物件等可以這麼賦值

3、函式引數的解構賦值

function add([x, y])


add([1, 2]); // 3
基本用途：

交換變數：[a,b] = [b,a];

函式返回多個值（類似於陣列）：

// 返回乙個陣列


function example() 


let [a, b, c] = example();


// 返回乙個物件


function example() ;


}let = example();
函式引數的使用：

// 引數是一組無次序的值


function f() 


f();
json資料的遍歷：

let jsondata = ;


let = jsondata;
函式引數的預設值

jquery.ajax = function (url, ,


cache = true,


complete = function () {},


crossdomain = false,


global = true,


// ... more config


} = {}) ;
指定引數的預設值，就避免了在函式體內部再寫var foo = config.foo || 'default foo';這樣的語句。

遍歷 map 結構：任何部署了 iterator 介面的物件，都可以用for...of迴圈遍歷

const map = new map();


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


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


for (let [key, value] of map) 


// first is hello


// second is world
輸入模組的指定方法載入模組時，往往需要指定輸入哪些方法。解構賦值使得輸入語句非常清晰。

const  = require("source-map");

ECMAScript6 入門 變數的解析賦值

重點 如果等號的右邊的資料結構不存在iterator介面,那麼就會報錯.以前，為變數賦值，只能直接指定值 let a 1 let b 2 let c 3 es6 允許寫成下面這樣 let a,b,c 1,2,3 注釋 可以從陣列中提取值，按照對應位置，對變數賦值,本質上，這種寫法屬於 模式匹配 只要...

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。和...