箭头函数=>

箭头函数特点一：没有自己的this对象，其this对象为所在环境
特点二 ：没有arguments参数 可以用...rest代替
特点三：不能使用构造函数，不可使用new命令，否则会报错

//函数的扩展  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实例

axios.get("/****/**.msp").then(res=> {

　　　　this.initChart();

})

//特点二 ：没有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);