变量的解构

通俗点讲,就是可以批量的定义变量如:

let [a, b, c] = [1, 2, 3]  //a=1, b=2, c=3
let [a1, b1] = [1, 2, 3]  //a1=1, b1=2
let { bar, foo } = { foo: "aaa", bar: "bbb" };   
foo // "aaa"
bar // "bbb"

常用用途

1. 交换变量值
let x = 1;
let y = 2;
[x, y] = [y, x];

2.从对象返回值

// 返回一个数组
function example() {
  return [1, 2, 3];
}
let [a, b, c] = example();

// 返回一个对象
function example2() {
  return {
    foo: 1,
    bar: 2
  };
}
let { foo, bar } = example2();

//取json返回值
let jsonData = {
  id: 42,
  status: "OK",
  data: [867, 5309]
};
let { id, status, data: number } = jsonData;
console.log(id, status, number);
// 42, "OK", [867, 5309]

//输入模块的返回对象
const { SourceMapConsumer, SourceNode } = require("source-map");

3.函数参数的默认值

let a = ({x=1,y}={})=>{console.log(x,y)}
a()                   //1,undefined
a({x:2})            //2,undefined
a({y:2})            //1,2

这个默认参数一定是对象形式的,所以必须在加上={}。相当于给这个对象参数给个空对象的默认值,因为在调用的时候,如果没传参数,对象的值是undefinded,那么再调用对象下面的属性就会报错,可以理解为:

let x = {}
x.y = 1
console.log(x.y)   //1
let m = undefined
m.n = 1   //Uncaught TypeError

函数参数默认值这种写法,在定义参数的时候就稍有点麻烦,而且只能是对象形式的,调用的时候也要传入对象参数。在比较复杂的函数可以考虑,简单点的还不如在函数里定义下方便let x = x || defaultVal

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.数组的解构赋值 2.对象的解构赋值 3.字符串的解构赋值 4.数值和布尔值的解构赋值 5.函数参数的解构赋值 ...
    卞卞村长L阅读 922评论 0 0
  • 本文通过学习阮一峰的博客,外加自己的理解,整理了一下我对js变量的解构赋值的理解。 数组的解构赋值 对象的解构赋值...
    宋乐怡阅读 498评论 0 2
  • 数组的解构赋值 基本用法 ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destru...
    呼呼哥阅读 437评论 0 3
  • 1.数组的解构赋值 基本用法 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Des...
    angelwgh阅读 514评论 0 0
  • 一、科技论文 英文文献: 第一步,检索题录; 第二步,用histcite分析,找出重要文献,重要文献题录阅读,标记...
    一味前胡丸阅读 1,008评论 0 3