ES6 从入门到精通 # 07:解构赋值
Posted 凯小默
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ES6 从入门到精通 # 07:解构赋值相关的知识,希望对你有一定的参考价值。
说明
ES6 从入门到精通系列(全23讲)学习笔记。
解构赋值
解构赋值是对赋值运算符的一种拓展,它针对数组和对象来进行操作。
优点:代码书写上简单易读
let man =
name: "kaimo",
value: 313
// es5
let name = man.name;
let value = man.value;
// es6 完全解构
let name, value = man;
console.log(name, value)
let obj =
a:
name: "kaimo"
,
b: [],
c: "hello cat"
// 不完全解构
let a = obj;
console.log(a);
// 剩余运算符
let a, ...res = obj;
console.log(a, res)
// 默认值
let a, b = 30 = a: 20 ;
对数组解构
let arr = [1, 2, 3];
let [a, b, c] = arr;
console.log(a, b, c);
// 可嵌套
let [a, [b], c] = [1, [2], 3];
console.log(a, b, c);
以上是关于ES6 从入门到精通 # 07:解构赋值的主要内容,如果未能解决你的问题,请参考以下文章