ES6中变量的结构赋值作用

1 交换变量的值

[x, y] = [y, x];

变换x和y的值.

2 函数多个返回值

通常函数只有一个返回值,通过结构赋值的方式,可以将返回值,直接匹配多个变量.

function example() {
  return [1, 2, 3];
}
var [a, b, c] = example();

变量a b c就分别取到了1 2 3.

3 提取JSON数据

在网络访问数据时,前端直接访问数据库的情况基本已经没有了,通过网络请求,拿到JSON数据串,然后解析成自己需要的数据模式,基本已经稳定.通过结构赋值方式,可以方便取值.

var jsonData = {
  id: 42,
  status: "OK",
  data: [867, 5309]
};

let { id, status, data } = jsonData;

这时,id, status, data三个变量取到的值就是JSON串中对应的,jsonData,可以用网络访问得到的Json串代替.

4 导入指定的方法

const { add, find } = require("util.js");

比如我们在util.js文件中定义了若干个公用的方法,在另外一个文件中只用 add, find这俩,就可以通过上面代码导入.