資訊專欄INFORMATION COLUMN
解構(gòu)賦值的 用途?。?1.交換變量值：
[x,y] = [y,x];
2.從函數(shù)返回多個(gè)值
//返回多個(gè)值
function example(){
return [1,2,3];
}
var [a,b,c] = example();
//返回一個(gè)對象
function example(){
return {foo:1,bar:2}
}
var {foo , bar} = example();
3.函數(shù)參數(shù)定義
//形參數(shù)組定義
function f([x,y,z]){...}// f([1,2,3]) 有序?qū)?yīng)，位置要一致
//形參對象定義、
function f({x,y,z}){...}// f({z:10,x:8,y:7}) 無序?qū)?yīng)，但屬性名要一致
4.提取JSON數(shù)據(jù)（重要）
var jsonData = {
id : 42,
status: "OK",
data: [86,123]
}
let {id,status,data:number} = jsonData;
console.log(id,status,number)
// 42, OK, [86,123]
上面代碼我們看到可以快速提取json
5.函數(shù)參數(shù)默認(rèn)值
$.ajax(url,
{async = true, beforeSend = function(){},cache = true,complete = function(){},crossDomain = false,global = true}
){
//具體操作...
};
指定函數(shù)默認(rèn)值，就能避免函數(shù)內(nèi)部再寫 var foo = config.foo || "default foo";
6.遍歷Map結(jié)構(gòu)
var map = new Map();
map.set("first","hello");
map.set("second","world");
//for...of...遍歷
for(let [key, value] of map){
console.log(key + " is "+ value);
}
//first is hellow
//second is world
如果只想獲取鍵名
for (let [key] of map){...}
如果只想獲取鍵值
for (let [,value] of map){...}
7.輸入模塊的指定方法
在加載模塊時(shí)，往往需要指定輸入哪些方法。解構(gòu)賦值使得輸入語句非常清晰。
const { SourceMapConsumar, SourceNode } = require("source-map");
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/81476.html
摘要：數(shù)值和布爾值的解構(gòu)賦值解構(gòu)賦值的規(guī)則只要等于號右邊的值不是對象，則優(yōu)先將其轉(zhuǎn)為對象函數(shù)參數(shù)的解構(gòu)賦值函數(shù)的參數(shù)實(shí)際上不是一個(gè)數(shù)組，而是通過解構(gòu)得到的變量和。如果解構(gòu)失敗，則返回默認(rèn)值。 數(shù)值和布爾值的解構(gòu)賦值 解構(gòu)賦值的規(guī)則： 只要等于號右邊的值不是對象，則優(yōu)先將其轉(zhuǎn)為對象 let {toString: s} = 123; s === Number.proptotype.toStrin...
摘要：類似數(shù)組的對象都有一個(gè)屬性，因此還可以對這個(gè)屬性解構(gòu)賦值。默認(rèn)值解構(gòu)賦值允許指定默認(rèn)值當(dāng)結(jié)構(gòu)不成功時(shí)使用默認(rèn)值。用途變量的解構(gòu)賦值用途很多。有了解構(gòu)賦值，取出這些值就非常方便。 原始操作 我們先看看下面的兩個(gè)代碼段，它們使用 ES6 之前的技巧提取數(shù)據(jù)： const point = [10, 25, -34]; const x = point[0]; const y = point[...
摘要：允許按照一定的模式，從數(shù)組和對象中提取值，對變量進(jìn)行賦值，這個(gè)被稱為解構(gòu)。對象的解構(gòu)賦值機(jī)制是先找到同名屬性，然后再賦值給對應(yīng)的變量。解構(gòu)賦值對提取對象中的數(shù)據(jù)，尤其有用。結(jié)構(gòu)原生支持接口，配合變量的解構(gòu)賦值，獲取鍵名和鍵值就非常方便。 ES6 允許按照一定的模式，從數(shù)組和對象中提取值，對變量進(jìn)行賦值，這個(gè)被稱為解構(gòu)。 解構(gòu)的用途 交換變量的值 從函數(shù)返回多個(gè)值 函數(shù)參數(shù)的定義 提取...
摘要：只要某種數(shù)據(jù)結(jié)構(gòu)具有接口，都可以采用數(shù)組形式的解構(gòu)賦值。解構(gòu)賦值允許指定默認(rèn)值。默認(rèn)值可以引用解構(gòu)賦值的其他變量，但該變量必須已經(jīng)聲明。解構(gòu)也可以用于嵌套結(jié)構(gòu)的對象。 Es6 新增了destructuring(解構(gòu))語法糖, 我們快來了解一下: 可以按照一定的模式從數(shù)組/對象中提取值,為變量賦值數(shù)組解構(gòu) var a = 1; var b = 2; var c = 3; 可以寫作: v...
摘要：函數(shù)調(diào)用會在內(nèi)存形成一個(gè)調(diào)用記錄，又稱調(diào)用幀，保存調(diào)用位置和內(nèi)部變量等信息。等到運(yùn)行結(jié)束，將結(jié)果返回到，的調(diào)用幀才會消失。方法用于將一組值，轉(zhuǎn)換為數(shù)組。，和遍歷數(shù)組方法返回一個(gè)布爾值，表示某個(gè)數(shù)組是否包含給定的值，與字符串的方法類似。 ES6 簡介 ES6， 全稱 ECMAScript 6.0 ，是 JavaScript 的下一個(gè)版本標(biāo)準(zhǔn)，2015.06 發(fā)版。 let 和 const...
閱讀 1230·2023-04-26 00:47
閱讀 3585·2021-11-16 11:53
閱讀 806·2021-10-08 10:05
閱讀 2759·2021-09-22 15:19
閱讀 2991·2019-08-30 15:55
閱讀 2768·2019-08-29 16:55
閱讀 2938·2019-08-29 15:20
閱讀 1121·2019-08-23 16:13
