函数的扩展

1.es6参数扩展:

(1)默认值

(2)可变参数

2.es6中新增箭头函数

1,语法:const 函数名 = () => {  }

2.特性:

3.注意:不能通过new关键字调用

4,应用:多用在回调函数及改变this指向的时候

函数的扩展

1.es6参数扩展:

(1)默认值

在形参默认的位置,通过单等号赋值即可,仅没传参数及参数为undefined时走默认值

function add(x=10,y=20){ return x+y }

console.log(add(10,10)) //20

console.log(add(' ',0)) // " 0 "

console.log(add(undefined,10)) //20

(2)可变参数

 ...args收集剩余参数 args:参数名

注意: ...args为真数组,es5中arguments为伪数组

注意:... 只能出现一次; ... 只能放在最后一个形参位置; ... 前面可以有一个或多个固定位置参数

function getSum(...args){ console.log(args) }

console.log(1,2,3,4,5) //输出[1,2,3,4,5]

function getArr( ...args,...rest){} //两个 ... 同时出现,会报错

function getSum(num,..args){ console.log(num,args)}

console.log(gerSum(100,1,2,3,4,5)) //输出:100,[1,2,3,4,5]

2.es6中新增箭头函数

1,语法:const 函数名 = () => {  }

2.特性:

(1)形参只有一个时,可以省略小括号

(2)函数体只有一句话的时候,可以省略大括号,如果省略了大括号,箭头函数自带return功能,不用再写

(3)箭头函数内部的this指向父级函数中的this

3.注意:不能通过new关键字调用

4,应用:多用在回调函数及改变this指向的时候

普通函数 const fu = function(){ }

箭头函数 const fn=()=>{ 函数体 } fn()

const sayHi = function(name){ return `hi${this.name}`}

const sayHi = (name)=>{ `hi${this.name}` }         sayHi("aa")