美文网首页
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