解构赋值

解构赋值

ES6允许按照一定的模式从数组或对象中提取值，然后对变量进行赋值。即为解构赋值。当多次使用同一个对象的值时，该操作极大方便了代码的简写。

解构赋值主要有2种形式：

1. let [yuan,tie] = game ; 而变量game 是数组： const game = ['原神','崩铁'];
2. 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>