您当前的位置: 首页 > 

小志的博客

暂无认证

  • 1浏览

    0关注

    1217博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

es6解构赋值

小志的博客 发布时间:2019-10-08 16:29:00 ,浏览量:1

1、es6解构赋值

具体点 解析解构,然后自动赋值,简化程序员代码编写;

2、对象的解构赋值实例

es6之前的实例:




    
    Title



  let obj={username:'xiaozhi',age:24};
  let username=obj.username;
  let age=obj.age;
  console.info("es6之前写法:"+username,age);
  function func(username,age){
    console.info(username,age);
  }
  func(username,age);



在这里插入图片描述 es6的实例:




    
    Title



  let obj={username:'xiaozhi',age:20};
  let {username,age}=obj;
  console.info("es6的写法:"+username,age);
  function func({username,age}){
    console.info("调用函数输出:"+username,age);
  }
  func(obj);



在这里插入图片描述

3、数组的解构赋值实例

es6的实例:




    
    Title



  let arr=[13,18,12,'aaa',true,'哈哈哈'];
  let [a,b,c,d,e,f]=arr;
  console.info(a,b,c,d,e,f)



在这里插入图片描述




    
    Title



  let arr=[13,18,12,'aaa',true,'哈哈哈'];
  let [a,b,c]=arr;
  console.info(a,b,c)




在这里插入图片描述

关注
打赏
1661269038
查看更多评论
立即登录/注册

微信扫码登录

0.0440s