解构赋值

解构赋值

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>
posted @ 2023-12-23 16:35  郭培鑫同学  阅读(2)  评论(0编辑  收藏  举报