关于ES6 扩展运算符三点 …

废话

最近因为学习需要,于是被强制限制使用react js ╮(╯▽╰)╭, 于是就上网搜了下快速上手教学课程,发现了一个奇怪的语法 … 三点,一看蒙了,这是啥玩意,后面就去谷歌了下,顺便记下来以免以后忘记~

三个点 … ?

据说是ES6中引入的拓展运算符,其实这玩意和React.js并没什么关系,只是个ES6的语法(看起来我应该需要找个时间补下JS ES语法了),它可以用于在函数不确定具体要几个参数的情况下使用或者合并任意数组等情况。

使用例子

例如,一个简单的求和函数

function add(...vals){
  let sum=0;
  for(let i=0;i<vals.length;i++){
    sum+=vals[i];
  }
  return sum;
}

然后我们就可以很爽快的这样调用它:

add(1,2,3,4,5,6);
> 21

或者,合并数组

var a = [1,2]
var b = [3,4]
a.push(...b)

合并后的a变成[1, 2, 3, 4]

他还可以拆分字符串呢~

[...'hello']
-> ["h", "e", "l", "l", "o"]

是不是很好玩~

参考来源  https://www.jianshu.com/p/86cbabeda999

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください