es6展开运算符】的更多相关文章

定义: .展开运算符允许一个表达式在某处展开. 使用场景 1.展开函数在多个参数的地方使用 .意指用于函数传参 2.多个元素的地方使用,意指用于数组字面量 3.多个边框的地方使用,意指用于解构赋值 函数调用中使用展开运算符 之前实现方式 function test(a, b, c) { return a + b +c; } var args = [0, 1, 2]; test.apply(null, args);//3 如上,我们把args数组当作实参传递给了a,b,c,这边正是利用了Funct…
语法 用于函数调用 myFunction(...iterableObj); 用于数组字面量 [...iterableObj, 4, 5, 6] 函数传参 目前为止,我们都是使用Function.prototype.apply方法来将一个数组展开成多个参数: function myFunction(x, y, z) { } var args = [0, 1, 2]; myFunction.apply(null, args); 使用es6的展开运算符可以这么写: function myFunctio…
数组的展开合并 现在有两个数组[1, 2, 3, 4]和[5, 6, 7],想要将两个函数拼接成一个新的函数. //es5的写法 let arr1 = [1, 2, 3, 4]; let arr2 = [5, 6, 7]; let arr = arr1.concat(arr2); console.log(arr)//[ 1, 2, 3, 4, 5, 6, 7 ] //es6的写法 let arr = [...arr1, ...arr2]; console.log(arr)//[ 1, 2, 3,…
展开运算符的用法1:传参 // 展开运算符的用法1 : 传参 function test(a,b) { return a + b ; } var arr = [1,2]; console.log(test(...arr)); // 3 参数不确定时 function test(...m) { var s = 0 for(var i of m){ s = s + i; console.log(i); // 1,6,3 } return s ; } console.log(test(1,6,3));…
展开运算符,目前应用在数组上,对象展开运算符,将在es7 提案 1.两个对象连接返回新的对象   let a = {aa:'aa'} let b = {bb:'bb'} let c = {...a,...b} console.log(c) // {"aa":"aa","bb":"bb"} 2.两个数组连接返回新的数组   let d = ['dd'] let e = ['ee'] let f = [...d,...e] con…
数组字面量中使用展开运算符 我们可以这样合并数组: var arr1=['a','b','c']; var arr2=[...arr1,'d','e']; //['a','b','c','d','e'] 展开运算符也可以用在push函数中,可以不用再用apply()函数来合并两个数组: var arr1=['a','b','c']; var arr2=['d','e']; arr1.push(...arr2); //['a','b','c','d','e'] 用于解构赋值 let [arg1,a…
1.数组中使用let defaultColors = ['red', 'greed'] let favoriteColors = ['orange', 'yellow'] let fallColors = ['pink', 'blue'] ES5 defaultColors.concat(favoriteColors) ES6 [...defaultColors , ...favoriteColors ] ES5 defaultColors.concat(favoriteColors) defa…
1.1 先看一个求最大值的例子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Comp…
三个点(...)在es6中,有两个含义: 用在形参中, 表示传递给他的参数集合, 类似于arguments, 叫不定参数. 语法格式:  在形参面前加三个点( ... ) 用在数组前面,可以把数组的值全部打散,展开,叫展开运算符. 语法格式:  在数组面前加三个点( ... ) 求不定参数的和,以前可以用arguments来做,现在可以用不定参数来做,如下: function add( ...values ){ console.log( values ); // [10, 20, 30] let…
三个点(...)在es6中,有两个含义: 用在形参中, 表示传递给他的参数集合, 类似于arguments, 叫不定参数. 语法格式:  在形参面前加三个点( ... ) 用在数组前面,可以把数组的值全部打散,展开,叫展开运算符. 语法格式:  在数组面前加三个点( ... ) 求不定参数的和,以前可以用arguments来做,现在可以用不定参数来做,如下: 1 function add( ...values ){ 2 console.log( values ); // [10, 20, 30]…