一岂座、簡介
ES6 允許按照一定模式，從數(shù)組和對象中提取值杭措，對變量進行賦值费什，這被稱為結構。
以前手素，為變量賦值鸳址，只能直接指定值。
let a = 1;
let b = 2;
現(xiàn)在泉懦，為變量賦值稿黍，可以這樣。
let [a, b, c] = [1, 2, 3];
二崩哩、幾種常用的解構賦值
- 交換變量的值
let a = 1;
let b = 2;
[a, b] = [b, a];
- 從返回多個值的函數(shù)中解構
- 對象
const fn = () => {
return {
name: "張三",
age: 20,
habby: "游泳"
}
}
const { name, age, habby } = fn();
- 數(shù)組
const fn = () => {
return [1, 2, 3];
}
const [a, b, c] = fn();
- 函數(shù)參數(shù)的定義
- 數(shù)組參數(shù)定義
const fn = ([a, b, c]) => {
//...
}
fn([1, 2, 3]);
- 對象參數(shù)定義
const fn = ({a, b, c}) => {
//...
}
fn({
b: 2,
a: 3,
c: 1
});
- 提取 JSON 數(shù)據(jù)
const list = {
code: 1,
data: {
username: "張三"
},
status: 200
}
const { code, status, data } = list;
- 函數(shù)參數(shù)的默認值
指定參數(shù)的默認值巡球，就避免了在函數(shù)體內部再寫var result = option.result || ""這樣的語句
jQuery.ajax = function (url, {
async = true,
beforeSend = function () {},
cache = true,
complete = function () {},
crossDomain = false,
global = true,
} = {}) {
//...
};
- 遍歷 Map 結構
任何部署了 Iterator 接口的對象言沐，都可以用for...of循環(huán)遍歷。Map 結構原生支持 Iterator 接口酣栈，配合變量的解構賦值险胰，獲取鍵名和鍵值就非常方便。
const map = new Set();
map.set("name", "張三");
map.set("habby", "籃球");
for (let [key, value] of map) {
console.log(key + " is " + value);
}
// 獲取鍵名
for (let [key] of map) {
// ...
}
// 獲取鍵值
for (let [,value] of map) {
// ...
}
- 導入模塊的指定方法
const { SourceMapConsumer, SourceNode } = require("source-map");
