Day-29 特集:解构 destructing

在现行的ES6版JavaScript中,增加了以解构(destructuring)替物件或阵列赋值的新功能,此即「解构赋值」。使用时,可将之视为一语法糖衣,让我们更短的code达到相同效果,也更易阅读。

原理及说明见延伸阅读(这里)

举例来说,若要印出以下物件的赋值,传统会选择「印出法1」的写法。若采用解构赋值即「印出法2」,程序码更短,且效果相同:

const obj = {
    name: "123",
    age: 11,
    action: "hello"
}

//印出法1
let name = obj.name
let age = obj.age
console.log(name, age)

//印出法2
let {name, age} = obj
console.log(name, age)

在第二个例子中,透过解构赋值,可以让函式一再精简:

function hello (n){
let name = n.name
let name = n.age
}

//函式精简
function hello (n){
let {name, age} = n
}

//更精简
let ({name, age}){
}

<<:  Day-28 特集:例外处理与FP

>>:  Day-30 特集:回圈实例题

[Day12] 介面篇 - 显示血条2

manageGaugeVisibility方法 bitmapHeight方法 bitmapWidth...

[Q&A] 09 资讯安全相对论

资讯安全相对论 与其追用没有漏洞的资通讯系统,不如务实且踏实的做好资讯与网路安全基础工作,确保不可控...

给自己学习30天重新认识css

哈罗大家好,我是黄奇昌 我就读岭东科技大学视觉传达设计系 今年是第一次参加13th铁人赛,想跟大家好...

day 1 - 魔鬼藏在细节里

前言 程序写了一阵子之後,工程师就会发展出自己习惯的模式,小到命名方式,大到系统架构,而在我们团队中...

强型闯入DenoLand[25] - 使用 Deno 打造多线程应用(2)

强型闯入DenoLand[25] - 使用 Deno 打造多线程应用(2) 在了解何谓多线程以後,...