ES6语法(2)

106 阅读 0 评论 70 点赞

我是靠谱客的博主高高荷花，最近开发中收集的这篇文章主要介绍ES6语法(2)，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

解构赋值

一、数组解构赋值

例一

{

           let a,b;
           [a,b]=[1,2];
           console.log(a); //1
           console.log(b); //2
       }

例二

        {
           let a,b,rest;
           [a,b,...rest]=[1,2,3,4,5,6];
           console.log(a); //1
           console.log(b); //2
           console.log(rest); //[3,4,5,6]
       }

例三

        {
           let a,b,c;
           [a,b,c=3]=[1,2];
           console.log(a); //1
           console.log(b); //2
           console.log(c); //3
       }

例四

        {
           let a,b,c;
           [a,b,c]=[1,2];
           console.log(a); //1
           console.log(b); //2
           console.log(c); //undefined   如果解构赋值没有成功在结构上配对，就为undefined
       }

适用于几个情况：函数交换、处理函数多个返回值、选择性接受返回值、只关心第一个返回值

1.函数交换

        {
           let a = 1;
           let b = 2;
           [a,b] = [b,a];
           console.log(a); //2
           console.log(b); //1
       }

2.处理函数多个返回值

        {
           function f(){
               return [1,2];
           }
           let a,b;
           [a,b]=f();
           console.log(a); //1
           console.log(b); //2

}

3.选择性接受返回值

        {
           function f(){
               return [1,2,3,4,5];
           }
           let a,b;
           [a,,,b]=f();
           console.log(a); //1
           console.log(b); //4
       }

4.只关心第一个返回值

        {
           function f(){
               return [1,2,3,4,5];
           }
           let a,b;
           [a,...b]=f();
           console.log(a); //1
           console.log(b); //[2,3,4,5]
       }

二、对象的解构赋值

常用的是获取JSON里面的数据

例一

        {
           let a,b;
           ({a,b}={a:1,b:3});
           console.log(a); //1
           console.log(b); //3
        }

例二

        {
           let o = {p:1,q:true};
           let {p,q} = o;
           console.log(p,q);   //1,true
       }

例三

        {
           let {a=10,b=4}={a:3};
           console.log(a,b); // 3 4
       }

常用

        {
           let data = {
              title:"abc",
              test:[{
                  title:"test",
                  desc:"description"
              }]
           }
            let {title:estitle,test:[{title:sntitle}]}=data;
            console.log(estitle); //abc
           console.log(sntitle); //test
       }