es6变量解构赋值常见场景

---

一、交换变量的值

let x = 1,y = 2;
[x,y] = [y,x]
console.log(x) // 2
console.log(y) // 1

二、解构函数返回的多个值

// 函数返回数组
function func() {
  return [1, 2]
}
let [x, y] = func();
console.log(x) // 1
console.log(y) // 2

// 函数返回对象
function func() {
  return {
    x : 1,
    y : 2
  }
}
let {x, y} = func();
console.log(x) // 1
console.log(y) // 2

三、函数参数的定义

// 函数参数有序
function func([x, y]) {
  console.log(x) // 1
  console.log(y) // 2
}
func([1,2])

// 函数参数无序
function func({x,y,z}) {
  console.log(x) // 1
  console.log(y) // 2
}
func({z:3,x:1,y:2})

四、函数参数设置默认值

// 不传参时，形参的值为默认值，可有效避免赋值操作，
// 如： var params2 = params2 ? params2 : 10;
function func(url,{params1 = {},params2 = 10,params3 = [],params4 = 'a'} = {}) {
  console.log(params2) // 10
  console.log(params3) // []
  console.log(params4) // a
}
func('xxx',{});

五、引入模块指定的方法

const { SourceMapConsumer, SourceNode } = require("source-map");