美文网首页
2-解构赋值

2-解构赋值

作者: 谷子多 | 来源:发表于2018-04-02 22:58 被阅读0次

    非常有用,特别在做数据交互,ajax时。
    注意:左右两边,结构格式要保持一致。

    数组解构

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

    json解构

      let json = {
        name : '小明',
        age : 18,
        job:'程序员'
      }
      let {name,age,job} = json // 解构json
      console.log(name,age,job) // 小明 18 程序员
      // 将job变量名重新定义成a
      let {name,age,job:a} = json  
      console.log(name,age,job) // 小明 18 程序员
      // 为变量设置默认值
     let {name,age,job="暂无数据"} = json  
     console.log(name,age) // 小明 18 '暂无数据'
    

    应用

    1. 交换数组位置
       let [a,b] = ['a','b'];
       [a,b] = [b,a];
       console.log(a,b);
    
    2. 解构函数返回值
      function fn1(){
        return{
          a : 1,
          b : 2
        }
      };
      let {a,b} = fn1()
      console.log(a,b) //1,2
    
    3. import
    import {a,b,c} './mod'
    // 前面的 a,b,c其实也是在解构的,解的是mod最后export出来的a,b,c
    

    相关文章

      网友评论

          本文标题:2-解构赋值

          本文链接:https://www.haomeiwen.com/subject/uytfhftx.html