ES6 语法---变量的赋值与解析
来源:互联网 发布:赤瞳 喜欢 知乎 编辑:程序博客网 时间:2024/05/17 08:04
(1)交换变量的值
let x = 1;let y = 2;[x, y] = [y, x];
(2)从函数返回多个值函数只能返回一个值,如果要返回多个值,只能将它们放在数组或对象里返回。有了解构赋值,取出这些值就非常方便。
// 返回一个数组function example() { return [1, 2, 3];}let [a, b, c] = example();// 返回一个对象function example() { return { foo: 1, bar: 2 };}let { foo, bar } = example();
(3)函数参数的定义解构赋值可以方便地将一组参数与变量名对应起来。
// 参数是一组有次序的值function f([x, y, z]) { ... }f([1, 2, 3]);// 参数是一组无次序的值function f({x, y, z}) { ... }f({z: 3, y: 2, x: 1});
(4)提取JSON数据解构赋值对提取JSON对象中的数据,尤其有用。
let jsonData = { id: 42, status: "OK", data: [867, 5309]};let { id, status, data: number } = jsonData;console.log(id, status, number);// 42, "OK", [867, 5309]
(5)函数参数的默认值jQuery.ajax = function (url, { async = true, beforeSend = function () {}, cache = true, complete = function () {}, crossDomain = false, global = true, // ... more config}) { // ... do stuff};
指定参数的默认值,就避免了在函数体内部再写var foo = config.foo || 'default foo';
这样的语句。(6)遍历Map结构
任何部署了Iterator接口的对象,都可以用for...of
循环遍历。Map结构原生支持Iterator接口,配合变量的解构赋值,获取键名和键值就非常方便。
var map = new Map();map.set('first', 'hello');map.set('second', 'world');for (let [key, value] of map) { console.log(key + " is " + value);}// first is hello// second is world
如果只想获取键名,或者只想获取键值,可以写成下面这样。// 获取键名for (let [key] of map) { // ...}// 获取键值for (let [,value] of map) { // ...}
(7)输入模块的指定方法加载模块时,往往需要指定输入哪些方法。解构赋值使得输入语句非常清晰。
const { SourceMapConsumer, SourceNode } = require("source-map");
阅读全文
0 0
- ES6 语法---变量的赋值与解析
- ES6中变量的解构与赋值
- es6学习--变量解析赋值
- 【ES6】变量的解构赋值
- ES6变量的结构赋值
- ES6 变量的解构赋值
- es6 变量的解构赋值
- ES6:变量的解构赋值
- ES6变量的解构赋值
- es6 变量的解构赋值
- ES6变量的解构赋值
- ES6--变量的解构赋值
- ES6--变量的解构赋值
- Erlang基础 - 变量的语法与赋值
- 【ES6学习】— (1)ES6简介、let与const命令以及变量的解构赋值
- C语言变量赋值语句的语法解析算法实现
- es6语法-解构赋值
- ES6变量的解构赋值--读书笔记
- 【分析】Ceph文件系统修复机制cephfs-data-scan(2)
- 智能一代云平台(四十一):在docker中部署项目Dubbo上识别为私有地址问题
- ajax 执行成功前,提示正在处理请稍后
- 2017"百度之星"程序设计大赛
- MySQL实用工具,如何连接到MySQL,获得数据库中的信息
- ES6 语法---变量的赋值与解析
- 1.19.ARM汇编指令集7之存储器访问指令(LDR和STR)
- POJ 1509 Glass Beads(最小表示法、后缀自动机)
- byte与其他基本数据类型转换
- pcie驱动介绍
- Java 抽象类
- this 用法简介
- spring data jpa 出现Not a managed type
- Java连接mysql数据库