es6解构赋值_Java开源博客系统-Powered by java1234

博客信息

es6解构赋值

发布时间：『 2019-06-24 14:21』博客类别：Vue.js 阅读(2748) 评论(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_小锋

(知识改变命运，技术改变世界)

按日志类别

按日志日期

友情链接