es6

74 阅读1分钟

解构 - 解开结构

const a = {
    teacher: '我',
    leader: '你'
}

const { teacher, leader } = a;

// 数组
const arr = ['', '', '' ];
const [a, b, c] = arr;

技巧

// Key 别名
const person = {
    teacher: {
        name: '我',
        age: 20
    },
    leader: '你',
    name: '什么'
}

const { teacher: { name }, name: otherName } = person;

追问 使用的场景

// 数组传参
const sum = arr => {
  let res = 0;
  arr.forEach(i => {
    res + i;
  })
}

const sum = ([a, b, c]) => { return a + b + c; }

结合初始值

const course = ({ teacher, leader, course = '什么' }) => {
  // some code
}

course({leader: '我', teacher: '你'})

返回值

const getCourse = () => {
  return { 
    teacher: '',
    leader: ''
  }

  const { teacher, leader } = getCourse();
}

变量交换

let a = 1;
let b = 2;
 [b, a] = [a, b];

json处理

const json = '{"teacher": "我", "leader": "你"}'
const { teacher, leader } = JSON.parse(json);

ajax

ajax.get(URL).then(({ data }) => {
  console.log(data)
})