javascript(...)用法

• (…)的用法还有很多
• 不定参数是就给形参上加上(…),说白了就是个数组,拥有length,索引值.是前置位参数过后的所有参数.
  我们先来写个简单的不定参数.

function myfun(object,...objs){
	for(var i = 0;i<objs.length;i++){
		console.log(objs[i]);
	}
}

这里的…objs是object后面的所有参数,使用方式跟直接传入数组,或者使用argument是一个道理.

function myfun(objs){
	for(var i = 0;i<objs.length;i++){
		console.log(objs[i]);
	}
}
var objs = ["a","b","c"];
myfun(obj);

function myfun(){
	for(var i = 0;i<argument.length;i++){
		console.log(argument[i]);
	}
}

• 不定参数的使用限制,那就是必须要在所有参数之后填写,否则报错

function myfun(a,...objs,b){
	for(var i = 0;i<objs.length;i++){
		console.log(objs[i]);
	}
}

• 不定参数不会影响argument的使用,要注意的是,argument是全部参数.

function myfun(...objs){
	for(var i = 0;i<objs.length;i++){
		console.log(objs[i]);
		console.log(argument[i]);
	}
}

• 展开式,运用在解构上,支持剩余运算(rest)

let [a,b,...c] = [1,2,3,4,5,6]
console.log(c) // [3,4,5,6]

• 运用在合并数组

let arr = [1,2,3,4]
let newArr = [...arr,5]
console.log(newArr) // [1,2,3,4,5]

• 使用对象的展开运算符给对象添加新的属性或实现对象的合并,如果出现相同的属性,后者将会替换前者。

let obj = {
    name: '小明',
    age: 18
}

let obj1 = {
    age: 19,
    address: 'gz'
}


console.log({...obj, ...obj1, address: 'sz'}) 
/*输出结果 {address: "sz",age: 19,name: "小明"} */

• 字符串也是特殊的数组,也能运用在解构

let str = "hello"
let arr = [...str] // ["h","e","l","l","o",]

本内容参考文献***<<深入了解es6>>***