[javascript] EcmaScript 6 spread
by 小玉西瓜
at 2012-08-07 01:30:00
original http://www.cnblogs.com/enix/archive/2012/08/07/2626009.html
最近小弟在实现一个Class方法时,为了保证在不用new关键字的情况下也能产生实力,又要传递参数。所以费了很大力气,但是代码还是不够优美。今晚终于找到答案,解决方案就是es6的 spread
具体案例请见https://github.com/Neverland/Class/blob/master/script/class.js
es6 官方对spred的解释是
- Replace an array or array-like actual parameter value with its elements as positional parameters
- Let
new
compose with athis
-free form ofapply
- Remove (some day, and in similar future methods) automagic (and half-the-time wrong) array flattening, e.g. in
Array.prototype.concat
按照在下理解就是
1.把类数组或者数组这类实际参数值替换成多个位置参数
2.在使用new时不必考虑使用apply的情况
3.移除自动化数组扁平化
语法:
...非常简单 三个点
具体案例:
1.如果同时使用new 和apply会导致语法错误 // new Elements.apply(document.getElementsByTagName('div'));
new Elements(...document.getElementsByTagName('div'));
2. 结构赋值,可以区段拆解
var [a,...b]=[1,2,3,4];
a //1;
b //[2,3,4]
3.调用函数时,直接拆解类数组或数组参数
var a=[1,2,3,4];
如果调用某个函数时,把数组a拆解成4个值传入,以前要借助apply
add.apply(this,a);
现在
add(...a);