java1234开源博客系统
博客信息

es6解构赋值

0
发布时间:『 2019-06-24 14:21』  博客类别:Vue.js  阅读(2317) 评论(0)

es6解构赋值 

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


我们搞个实例看看,平时主要用于对象解构,当然有时候也有数组的解构赋值;

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script type="text/javascript">
    let obj={username:'java1234',age:31};
    /*let username=obj.username;
    let age=obj.age;*/
    let {username,age}=obj;
    console.info(username,age);



    let arr=[1,4,2,'ccc',false,'啦啦啦'];
    let [a,b,c,d,e,f]=arr;
    console.info(a,b,c,d,e,f)

    function func({username,age}){
        // console.info(obj.username,obj.age);
        console.info(username,age);
    }
    func(obj);
</script>
</body>
</html>


QQ鎴浘20190624141855.jpg



关键字:   es6     解构赋值  

上一篇:vue.js条件语句

下一篇:es6对象简写

关注Java1234微信公众号
博主信息
Java1234_小锋
(知识改变命运,技术改变世界)
Powered by Java1234 V3.0 Copyright © 2012-2016 Java知识分享网 版权所有