变量的解构赋值

一、定义

      按照一定的模式，从数组和对象中提取值，这称为解构

 

二、主要分类

      1、数组的解构赋值

let a = 1;
let b = 2;
let c = 3;

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

　　 默认值： 解构赋值允许指定默认值

let[x, y = true] = ['a', undefined]; // x="a", y="true"

     2、对象的解构赋值

     数组的元素是按照次序排列的，变量的取值由它的位置决定； 对象的属性没有次序，变量必须与属性同名，才能取到正确的值 ；对象的解构赋值的内部机制，是先找到同名属性，然后再赋给对应的变量。真正被赋值的是后者，而不是前者 ；属性其实是模式

let { foo: baz} = { foo: "bbb"}

     3、字符串的解构赋值

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

let{length: len} = "hello"; // len=5

　　

三、用途

    1、交换变量的值

let x = 1;
let y = 2;
 
[x, y] = [y ,x];

    2、从函数返回多个值

function example() {
    return[1, 2, 3];
}
 
let [a, b, c] = example();

    3、 函数参数的定义

function f([x, y, z]) {
 
}
 
f([1, 2, 3]);

    4、 提取json数据

let jsonData = {
    id: 42,
    status: "ok",
    data: [867, 5309]
};
 
let {id, status, number} = jsonData;

     5、函数参数的默认值

 jquery.Ajax = function(url, {
    cache = true;
    complete = function() {},
    global = true,
 
    // ... more config
}) {
 
}

      6、输入模块指定的方法

const { SourceMapConsumer, sourceNode } = require("source-map");

 

 

转载于:https://www.cnblogs.com/nankeyimeng/p/7197772.html