微信扫一扫打赏支持

石川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)//只有中间参数为默认参数

 

 

 

 
posted @ 2019-09-27 21:34  范仁义  阅读(131)  评论(2编辑  收藏  举报