es6入门:解构赋值

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>
      es6 解构赋值
        </title>
        <style>
        </style>
        </head>
        <body>
          <script>
            var a=[1,2,3]
            console.log(a)
            // 控制台显示array(3) [1,2,3]
            var[b,c,d]=[4,5,6]
            console.log(b,c,d)
            //显示 4 5 6

            var obj={
                name:'bs',
                age:18,
                eat:function(){
                    console.log('eat')
                }
            }
            // 创建一个对象
var {age,name,eat}=obj;
// 让变量等于一个对象
console.log(age,name,eat)
// 可以显示出对象内所有的属性名,属性值。但变量的个数一定要与对象的内容互相对应

var str='bst';
var[u,v,w]=str;
console.log(u,v,w)
console.log(u);
console.log(v);
console.log(w);

function fn(name,age){
    console.log(name,age)

}
fn({name:'lm',age:17})
//name占了fn{}里面的所有 所以age会显示undefined


function fn2(){
    return{
        name:'lm',
        age:17

    }
}
var{name}=fn2()
// 直接等于函数名称
console.log(name,age)
// 正确显示

        </script>
        </body>
        </html>

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值