ECMAScript 6（ES6）有什么新东西（三）
作者：Lars Kappert
原文： http://www.smashingmagazine.com/2015/10/es6-whats-new-next-version-javascript/
审校：陈万幸
野狗官网： https://www.wilddog.com/
野狗官博： https://blog.wilddog.com
MATH
Math对象中采用了一些新的方法。
-
sign把一个数字符号返回为1，
-
-1或0。 trunc 返回参数的整数部分。
-
cbrt返回一个数的立方根。
Math.sign(5); // 1 Math.sign(-9); // -1 Math.trunc(5.9); // 5 Math.trunc(5.123); // 5 Math.cbrt(64); // 4 传播操作符
传播操作符(...)是一种在特定时间为扩展数组元素而采取的非常实用的句法，例如在处理函数调用中参数的时候。可能最能展示其实用性的方法就是举例。
首先，让我们来看看如何在另一组数组中拓展某一数组中的元素：
let values = [1, 2, 4]; let some = [...values, 8]; // [1, 2, 4, 8] let more = [...values, 8, ...values]; // [1, 2, 4, 8, 1, 2, 4] // ES5 equivalent: let values = [1, 2, 4]; // Iterate, push, sweat, repeat... // Iterate, push, sweat, repeat... Run this code
展开操作句法在用于调用函数与参数时功能也很强大：
let values = [1, 2, 4]; doSomething(...values); function doSomething(x, y, z) { // x = 1, y = 2, z = 4 } // ES5 equivalent: doSomething.apply(null, values); Run this code
正如你所看到的，这也将我们从平常使用的fn.apply（）应变方法中拯救出来。这个句法是非常灵活的，因为展开操作符可以在参数列表中任意使用。这就意味着，下面的调用会产生同样的结果：
let values = [2, 4]; doSomething(1, ...values); Run this code
我们一直将展开操作符应用于数组和参数中。事实上，它可以被应用于所有的可迭代对象中，比如NodeList:
let form = document.querySelector('#my-form'), inputs = form.querySelectorAll('input'), selects = form.querySelectorAll('select'); let allTheThings = [form, ...inputs, ...selects]; Run this code
现在allTheThings是一个包括form节点以及它的input还有select子节点的平面阵列。
解构
解构为从目标或数组中提取数据提供了便利。对于初学者来说，这里可以用数组给出一个很好的例子：
let [x, y] = [1, 2]; // x = 1, y = 2 // ES5 equivalent: var arr = [1, 2]; var x = arr[0]; var y = arr[1]; 有了这个句法，可以给多个变量一次性分配一个值。还有一个很好的附加效果，你可以很容易的交换变量值：
let x = 1, y = 2; [x, y] = [y, x]; // x = 2, y = 1 Run this code
解构也和目标兼容，要确保有匹配按键。
let obj = {x: 1, y: 2}; let {x, y} = obj; // x = 1, y = 2 Run this code
你也可以用这个方法来改变变量的名称：
let obj = {x: 1, y: 2}; let {x: a, y: b} = obj; // a = 1, b = 2 还有一个有趣的模式是模拟多个返回值：
function doSomething() { return [1, 2] } let [x, y] = doSomething(); // x = 1, y = 2 Run this code
解构也可以用来将默认值指定到参数目标中。通过一个对象字面值，你也可以模拟命名参数。
function doSomething({y = 1, z = 0}) { console.log(y, z); } doSomething({y: 2}); 此文为译文，如有问题请加QQ群 105454604 联系群主
正文到此结束
热门推荐
相关文章
近期评论
-
文章和留言都翻到11页了 没有OOM
-
-
朋友，翻页到11页，及以后，会出现OOM，无法访问
-
-
搞个gitee的项目
-
-
版本号是多少，你可以下载哪个代码仓库，jdk选1.8 直接跑就行
-
-
-
Loading...
![[HBLOG]公众号](https://www.liuhaihua.cn/img/qrcode_gzh.jpg)
