Rumah > Artikel > hujung hadapan web > ES6解构赋值的功能如何使用
这次给大家带来的是在ES6解构赋值的功能如何使用,总共有4种方法,这篇文章就给大家好好分析一下。
交换变量的值
[x, y] = [y, x];
上面代码交换变量x和y的值,这样的写法不仅简洁,而且易读,语义非常清晰。
从函数返回多个值
函数只能返回一个值,如果要返回多个值,只能将它们放在数组或对象里返回。有了解构赋值,取出这些值就非常方便。
// 返回一个数组 function example() { return [1, 2, 3]; } var [a, b, c] = example(); // 返回一个对象 function example() { return { foo: 1, bar: 2 }; } var { foo, bar } = example();
函数参数的定义
解构赋值可以方便地将一组参数与变量名对应起来。
// 参数是一组有次序的值 function f([x, y, z]) { ... } f([1, 2, 3]); // 参数是一组无次序的值 function f({x, y, z}) { ... } f({z: 3, y: 2, x: 1});
解构赋值对提取JSON对象中的数据,尤其有用。
var jsonData = { id: 42, status: "OK", data: [867, 5309] }; let { id, status, data: number } = jsonData; console.log(id, status, number); // 42, "OK", [867, 5309]
上面代码可以快速提取JSON数据的值。
jQuery.ajax = function (url, { async = true, beforeSend = function () {}, cache = true, complete = function () {}, crossDomain = false, global = true, // ... more config }) { // ... do stuff };
相信看了以上介绍你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
相关阅读:
max-width和min-height不被IE6支持的解决方法
用memcached,xcache做PHP缓存优化的实现步骤
Atas ialah kandungan terperinci ES6解构赋值的功能如何使用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!