ES6基礎知識(解構賦值)

2022-09-01 19:33:12 字數 2725 閱讀 4052

>es6解構賦值

title

>

head

>

<

body

>

<

script

>

/*陣列解構賦值

*///

let [a,b,c] = [1,2,3];

','+b+','+c);//1,2,3

//let [a,b=3] = [111];

/*物件解構賦值

*///

let = ;

21//let = ;

//let = ;

// 123

// error: foo is not defined

//const node = //}

//};

//let , loc: } } = node;

// 1

// object

// object

//var = ;

//var arr = [1,2,3];

//let = arr;

/*字串解構賦值

*///

const [a,b,c,d,e] = 'hello';

','+b+','+c+','+d+','+e);//h,e,l,l,o

//const = 'hello';

/*布林值數字解構賦值

*///

let = true;

tostring()

//let = 123;

tostring()

/*函式引數解構賦值

*///

function add([x,y])

//let newarr = [[1,2],[3,4]].map(([a,b]) => );

[3, 7]

//function add( = {})

//function add1( = )

/*解構賦值用途

*//*

交換變數的值

*///

let x = 1;//上面**交換變數x和y的值,這樣的寫法不僅簡潔,而且易讀,語義非常清晰。

//let y = 2;

//[x,y] = [y,x];

/*從函式返回多個值

*///

function rarr()

//let [a,b,c] = rarr();

//function robj()//}

//let = robj();

/*函式引數的定義

*///

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

//function f([x, y, z]) //解構賦值可以方便地將一組引數與變數名對應起來。

//f([1, 2, 3]);

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

//function f()

//f();

/*提取 json 資料

*///

let jsondata =

//let = jsondata;

[116, 40]

/*函式引數的預設值

*///

jquery.ajax = function (url, ,

//cache = true,

//complete = function () {},

//crossdomain = false,

//global = true,

//// ... more config

//} = {}) ;

/*遍歷 map 結構

*///

const map = new map();//任何部署了 iterator 介面的物件,都可以用for...of迴圈遍歷。map 結構原生支援 iterator 介面,配合變數的解構賦值,獲取鍵名和鍵值就非常方便。

'first','hello');

'secend','world');

//for(let [key,value] of map)

//for(let [key] of map)

//for(let [,value] of map)

/*輸入模組的指定方法

*///

const = require("source-map");//載入模組時,往往需要指定輸入哪些方法。解構賦值使得輸入語句非常清晰。

script

>

body

>

html

>

ES6 解構賦值

陣列的解構賦值 let a,b 12,13 let a,b,c d 13,15,16 let a,b c 78,12 23 let x,y 1,3,5 x 1,y 3 let x,y,z a x a,y undefined z let h,b 1,2,3,4 1,2,3,4 預設值 let x tr...

ES6解構賦值

一 基本用法 解構 destructuring 按照一定的模式,從陣列或者物件中提取值,對變數進行賦值。let par1,par2,par3 1,2 console.log par1,par2,par3 1 2 不完全解構時par3對值為undefined 解構賦值允許指定變數對預設值。let pa...

es6解構賦值

coding changes the world accumulating makes yourself 主要從三個方面講述 陣列式的解構賦值 物件式的解構賦值 函式中的解構賦值 preface 現今的變數宣告語法十分的直接 左邊是乙個變數名,右邊可以是乙個陣列 的表示式或乙個物件 的表示式,等等。...