ES6中变量的结构赋值作用
2017-01-03 13:58
204 查看
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这俩,就可以通过上面代码导入.
相关文章推荐
- ES6变量的结构赋值
- ES6-变量的结构赋值-对象
- JS ES6的变量的结构赋值
- ES6-变量的结构赋值-数组
- ES6-变量的结构赋值-函数参数
- ES6-变量的结构赋值-字符串
- ES6-变量的结构赋值-汇总
- ES6-变量的结构赋值-数值和布尔值
- [ES6] 变量的结构赋值
- ES6折腾记- let/const块级变量及块作用域
- es6分享——变量的解构赋值
- 同一作用域下函数名(变量名)可以覆盖类、结构体名
- ES6学习之变量的解构赋值
- ES6折腾记- let/const块级变量及块作用域
- ES6新特性 let、const、变量对象的解构赋值
- ES6 变量解构赋值
- C程序设计语言- 函数与程序结构-3.1----函数的基本知识、外部变量、作用域规则、头文件
- ES6 对象增强和结构赋值
- 【ES6学习】— (1)ES6简介、let与const命令以及变量的解构赋值
- ES6学习2(变量的解构赋值)