美文网首页
vue.js 结构赋值--对象

vue.js 结构赋值--对象

作者: 阿飞666666 | 来源:发表于2020-05-29 18:38 被阅读0次

    (一)对象解构赋值
    1.等号左边与右边必须都是数组,数组的解构赋值要一对应,如果对应不上的话就是underfind

    <!DOCTYPE html>
    
     <html>
    
    <head>
    
        <meta charset="utf-8">
    
        <title></title>
    
    </head>
    
    <body>
    
        <script>
        
        var obj ={
            id : 1,
            name:'张三',
            age: 30,
            languagr: ['html','css','js'],
            study: function(){
                console.log("学习方法")
        }
        }
            let {id,name,age,languagr,study} = obj
            console.log(id,name,age,languagr,study)
            
            //注意:如果变量之前以及声明了,再次赋值的时候不能加let并且整个赋值语句用小括号包裹起来,已防止程序识别成作用域
            ({id,name,age,languagr,study} = obj)
        </script>
    </body>
    
     </html>
    

    参考资料:https://www.51zxw.com/

    相关文章

      网友评论

          本文标题:vue.js 结构赋值--对象

          本文链接:https://www.haomeiwen.com/subject/rqyfzhtx.html