3.變數的解構賦值
阿新 • • 發佈:2022-01-02
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<script>
// ES6允許按照一定模式從陣列和物件中提取值,對變數進行賦值---這杯稱為解構賦值
// 1.陣列的解構
const NAME = ["張三", "李四", "王五", "趙六"];
let [name1, name2, name3, name4] = NAME;
console.log(name1, name2, name3, name4);
// 2.物件的解構
const zhao = {
name: "趙本山",
age: "不詳",
sketch: function () {
console.log("我可以表演");
},
};
// let { name, age, sketch } = zhao; //變數名可以隨便寫,不用和物件裡面的屬性名一致 // console.log(name, age, sketch); // sketch(); // 對於物件的方法名,解構賦值比較多 let { sketch } = zhao; sketch(); </script> </body> </html>
// let { name, age, sketch } = zhao; //變數名可以隨便寫,不用和物件裡面的屬性名一致 // console.log(name, age, sketch); // sketch(); // 對於物件的方法名,解構賦值比較多 let { sketch } = zhao; sketch(); </script> </body> </html>