ES6要點總結（4）-箭頭函數=>

箭頭函數特點一：沒有自己的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實例

//特點二 ：沒有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);