//函数的扩展  1 指定默认参数

function sum(a=1,b=2) {

    console.log(a+b)

}

sum() //a和b没传 所以默认是1和2  执行结果是3

//2 rest参数，格式为...变量名。用于获取函数多余参数，这样就不不用使用arguments了，rest参数为一个数组

//(1)使用arguments的情况

function sum2() {

    var arr=arguments ;

    var result=[];

    for(var i=0;i<arr.length;i++){

        result.push(arr[i])

    }

    console.log(result)

}

sum2(1,2,3,4,5)

//(2)使用rest参数情况

function sum3(...arr) {  //可以在...arr前传其他参数，不可以在后传 也就是可以sum3(a,...arr)

    console.log(arr)

}

sum3(1,2,3,4,5)

//3 箭头函数

const fn=a=>a  //传入a 返回a等价于下面

const fn2=function (a) {

    return a

}

console.log(fn(10))

console.log(fn2(10))

const fn3=(a,b)=>{

    a=a*a;

    b=b*b;

    return a+b

}   //多个参数传入要用括号(a,b)  函数处理逻辑用{a=a*a}

console.log(fn3(2,3))

const fn4=(a,b)=>({a,b})   //返回对应要用括号({a,b})否则会被逻辑部分处理

console.log(fn4(1,10))

//用于回调函数

var arr=[5,60,50,1,3]

arr.sort(function (a,b) {

    return a-b

})  //排序

console.log(arr)

var arr2=[1,3,23,4,34,66]

arr2.sort((a,b)=>a-b)

console.log(arr2)

//特点一：没有自己的this对象，其this对象为所在环境，比如vue实例中使用axios请求后台数据，在then里面使用箭头函数的话this就指向vue实例

//特点二 ：没有arguments参数 可以用...rest代替

const fn5=(...arr)=>arr;

console.log(fn5(1,2,4,4,55,6,6,7))

//特点三：不能使用构造函数，不可使用new命令，否则会报错

const Fn = (a, b) => a + b;

const f = new Fn(1, 2);