石川es6课程---5、函数-参数

石川es6课程---5、函数-参数

一、总结

一句话总结：

` 收集参数：收集剩余的参数，必须当到最后一个参数位置：function show(a, b, ...args) {

` 展开参数：展开数组，简写，效果和直接把数组的内容写在这儿一样：let arr3 = [...arr1, ...arr2]

` 默认参数：和习惯写法一样：function show2(a, b=5, c=8) {

1、es6中函数的参数收集实例？

` 收集参数：收集剩余的参数，必须当到最后一个参数位置：function show(a, b, ...args) {

//收集剩余的参数，必须当到最后一个参数位置
function show(a, b, ...args) {
    console.log(a)
    console.log(b)
    console.log(args)
}
console.log(show(1, 2, 3, 4, 5))

2、es6中函数的展开参数实例？

` 展开参数：展开数组，简写，效果和直接把数组的内容写在这儿一样：let arr3 = [...arr1, ...arr2]

//展开数组，简写，效果和直接把数组的内容写在这儿一样
let arr1 = [1, 2, 3]
let arr2 = [4, 5, 6]
let arr3 = [...arr1, ...arr2]
console.log(arr3)//结果1, 2, 3,4, 5, 6

3、es6中函数的默认参数实例？

` 默认参数：和习惯写法一样：function show2(a, b=5, c=8) {

//默认参数
function show2(a, b=5, c=8) {
    console.log(a, b, c)
}
show2(88, 12)

二、函数-参数

• 参数扩展／展开 ...args
  • 收集剩余的参数，必须当到最后一个参数位置
  • 展开数组，简写，效果和直接把数组的内容写在这儿一样
• 默认参数

//收集剩余的参数，必须当到最后一个参数位置
function show(a, b, ...args) {
    console.log(a)
    console.log(b)
    console.log(args)
}
console.log(show(1, 2, 3, 4, 5))

//展开数组，简写，效果和直接把数组的内容写在这儿一样
let arr1 = [1, 2, 3]
let arr2 = [4, 5, 6]
let arr3 = [...arr1, ...arr2]
console.log(arr3)

//默认参数
function show2(a, b=5, c=8) {
    console.log(a, b, c)
}
show2(88, 12)

函数参数

1. 参数扩展/展开

• 收集剩余的参数（Rest Parameter剩余参数必须是最后一个）

function show(a,b,...args,c){
    alert(a)
    alert(b)
    alert(args)//3,5,7
    alert(c)//报错，Rest Parameter剩余参数必须是最后一个
}
show(1,2,3,5,7)

• 展开数组：展开后的效果和直接把数组内容写在这儿一样

let arr=[1,2,3]
let arr1=[56,5,4]
let arr2=[...arr,...arr1]//arr+arr1
function show(a,b,c){
    alert(a)
    alert(b)
    alert(c)
}
show(...arr)
let arr=[1,2,3]
let a=...arr//报错
function show(...args){
    fn(...args)
}
function fn(a,b){
    alert(a+b)
}
show(1,2,3,5)

1. 默认参数

• 没有参数就用默认参数，有就用自身的实参

function show1(a,b=5,c=6){
    alert(a+b+c)
}
show1(15)
show1(15,undefined,7)//只有中间参数为默认参数