hooyantsing's Blog

P60_使用解构赋值提高效率

字数统计: 239阅读时长: 1 min
2020/11/05

使用解构赋值提高效率

海豚日记 学习JS看这个就够了,全面打通 JAVASCRIPT 知识点(更新到17章)

解构赋值

一一对应,代码更优雅。

1
2
3
4
// 数组
let arr = ["后盾人",2010];
let [name,year] = arr;
console.log(name,year);

执行结果:

后盾人 2010

1
2
3
4
5
6
// 也适用于函数,返回值为数组
function get(){
return ["后盾人",2010];
}
let [name,year] = get();
console.log(name);

执行结果:

后盾人 2010

解构里面的展开语法

放在 变量 时,吸收。

1
2
let [name, ... args] = ["后盾人","houdunren.com",2010];
console(args);

执行结果:

[“houdunren.com”,2010]

放在 时,打散。

1
console.log(..."hdcms");

执行结果:

[“h”,”d”,”c”,”c”,”m”,”s”]

解构默认值

当解构为 underfunded 时,使用默认值。

1
2
let [name,year = 2010] = ["后盾人"];
console(year);

执行结果:

2010

解构在函数中应用

1
2
3
4
function show([name,year]){
console.log(name,year);
}
show(["后盾人",2010]);

执行结果:

后盾人 2010

CATALOG
  1. 1. 使用解构赋值提高效率
    1. 1.0.1. 解构赋值
    2. 1.0.2. 解构里面的展开语法
    3. 1.0.3. 解构默认值
    4. 1.0.4. 解构在函数中应用