解构赋值，数组解构赋值，对象解构赋值及使用场景

题解构赋值，分为数组解构赋值（不常用）和对象解构赋值（常用）

数组得解构赋值

这里想实现 a = 20,b = 10两个值调换,传统方式，解构方式

传统方式

// 数组得解构赋值
let a = 10;
let b = 20;
// 这里想实现a = 20,b = 10两个值调换;
// 传统方式
let temp; //创建临时得变量
temp = a;
a = b;
b = temp

console.log(a, b); // 20 ，10

 解构赋值方式

//解构赋值方式简单了许多
[a, b] = [b, a]
console.log(a, b); // 20 ，10

对象解构赋值

这里我只想拿到createStudent里面得name名字

传统方式ES5

function createStudent() {
  let name = "JC"
  let age = 2;
  let friend = ""
  return {
    name: name,
    age: age,
    friend: friend
  }
}
let obj = createStudent()
console.log(obj.name);

ES6解构赋值方式（让代码变得更简洁）

function createStudent() {
  let name = "JC"
  let age = 2;
  let friend = ""
  return {
    name: name,
    age: age,
    friend: friend
  }
}
let { name } = createStudent()
console.log(name);