解构赋值
ES6允许按照一定的模式从数组或对象中提取值,然后对变量进行赋值。即为解构赋值。当多次使用同一个对象的值时,该操作极大方便了代码的简写。
解构赋值主要有2种形式:
- let [yuan,tie] = game ; 而变量game 是数组: const game = ['原神','崩铁'];
- let {hobby} = guo ; 这里变量guo是对象。以下代码给出:
<script>
const game = ['原神','崩铁'];
let [yuan,tie] = game;
console.log(yuan);
console.log(tie);
const guo = {
name:'大侠',
age:'不详',
hobby:function(){
console.log("郭大侠爱好功夫");
}
};
//调用函数
// 不使用结构赋值之前的代码
guo.hobby();
guo.hobby();
guo.hobby();
// 使用结构赋值的代码
let {hobby} = guo;
hobby();
hobby();
hobby();
//也可以全赋值
let {name,age,hobby} = guo;
</script>
标签:guo,解构,game,let,hobby,赋值
From: https://www.cnblogs.com/container-simple/p/17923280.html