es5中参数不确定个数的情况下: //求参数和 function f(){ var a = Array.prototype.slice.call(arguments); var sum = 0; a.forEach(function(item){ sum += item*1; }) return sum; }; f(1,2,3); es6中可变参数: function f(...a){ let sum = 0; a.forEach(item =>{ sum += item*1; }) retur…

扩展运算符的定义: es6中引入扩展运算符(...),它用于把一个数组转化为用逗号分隔的参数序列. 它常用在不定参数个数时的函数调用,数组合并等情形. 用法一:不定参数个数时的函数调用 <script type="text/javascript"> function test(arr,...items) { for (var i = 0; i < items.length; i++) { arr.push(items[i]); } } var arr=[1,2,3];…

参考: es6 扩展运算符 三个点(...) 经常回顾,方能真正掌握. 一.含义 扩展运算符( spread )是三个点(...).它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列. console.log(...[1, 2, 3]) // 1 2 3 console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5 [...document.querySelectorAll('div')] // [<div>, <div>, <di…

一.基本使用 ES6中函数可以使用 rest参数 接收函数的多余参数,组成一个数组,放在形参的最后面. let fn = (a, ...value) => { console.log(a); console.log(value[0], value[1]); }; add(10, 20, 30); // 20 30 数组中的扩展运算符就好比 rest参数 的逆运算,将一个数组转为用逗号分隔的参数序列(也就是展开数组),在语法上,用三个点表示(...). var fruits = ['apple',…

扩展运算符将一个数组转为用逗号分隔的参数序列 console.log(...[a, b, c]) // a b c 用于: 1 将一个数组,变为参数序列 let add = (x, y) => x + y; let numbers = [3, 45]; console.log(add(...numbers)) 2 使用扩展运算符展开数组代替apply方法,将数组转为函数的参数 //ES5 取数组最大值 console.log(Math.max.apply(this, [654, 233, 727…

Vue中的三个点在不同情境下的意思 操作数组 //里面放自己定义的方法 methods: { /** * 把数组中的元素孤立起来 */ iClick() { let iArray = ['1', '2', '3']; console.log(...iArray); // 打印结果 1 2 3 }, /** * 在数组中添加元素 */ iClick3() { let iArray = ['1', '2', '3']; console.log(['0', ...iArray, '4']); // 打…

1.rest 变量将多余的参数放入数组中. function add(...values) { let sum = 0; for (var val of values) { sum += val; } return sum; } add(2, 5, 3) 2.扩展运算符 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列. console.log(...[1, 2, 3]) 扩展运算符可以处理对象,如对象的合并: 总结:二者为逆操作. ES2018 将扩展运算符引入到了对象中.…

对象的扩展运算符(...),用于取出参数对象中的所有可遍历属性,然后拷贝到当前对象之中 对象扩展运算符: 1. 复制对象 let obj1 = { x: 1, y: 2, z: 3 } let obj2 = { ...obj1 } obj2 = { x: 1, y: 2, z: 3 } 2. 合并对象 let obj1 = { x: 1, y: 2, z: 3 } let obj2 = { x: 4, y: 5, z: 6 } let obj3 = { ...obj1, ...obj2 } ob…

js中每一个Function对象都有一个apply个一个call方法: function.apply(thisObj,[argArray]); function.call(thisObj,arg1,arg2); 一般来说this总是指向调用某个方法的对象,但是使用call和apply方法,就会改变this的指向. 调用对象的一个方法,用一个另一个对象替换当前的对象. demo: A.apply(B,arguments);||A.call(B,arg1,arg2); A对象应用B对象的方法,将一个…

它是什么 es6中引入扩展运算符(...),它用于把一个数组转化为用逗号分隔的参数序列,它常用在不定参数个数时的函数调用,数组合并等情形.因为typeScript是es6的超集,所以typeScript也支持扩展运算符. 用在哪儿 可变参数个数的函数调用 function push(array, ...items) { array.push(...items); } function add(...vals){ let sum=0; for(let i=0;i<vals.length;i++){…