ECMAscript6快速入门-函数的扩展

1.为函数参数指定默认值

function fn(a,b){
    //如果这样设置默认值
    a = a || 10;
    b = b || 20;
    console.log(a,b);
}
fn(0,10);// 10 10


//es6 中
function fn1(a = 10,b=20){
    console.log(a,b);
}
fn1();//10 20
fn1(0,10);//0 10

2.Rest参数

Rest参数接收函数的多余参数，组成一个数组，放在形参的最后
就不需要arguments对象了

function sum(){
    var arg = arguments;
    var res = 0;
    for(var i = 0;i<arg.length;i++){
        res+=arg[i];
    }
}
//写成rest参数形式

function sum1(...arr){
    var res = 0;
    for(var i = 0;i<arr.lenth;i++){
        res+=arr[i];
    }
}

function sum1(a,...arr){//rest前面可以写参数，但是后面就不行了
    //body...
｝

function sum1(a,...arr,b){//报错
    //body...
｝

3.箭头函数

const a = a => a;
//相当于
const a = function (a){
    renturn a;
}


//如果要两个参数
const a = (a,b) => a + b;
const a = function (a,b){
    renturn a+b;
}


//如果不是直接返回,则在代码逻辑外要加花括号
const a = (a,b) => {
    a*=2;
    b*=2;
    return a+b;
}

//如果箭头函数的返回值是一个对象的时候
const a = (a,b) => ({a,b})


var arr = [3,4,1,3,9];
arr.sort((a,b) => a-b)

• 箭头函数体内没有自己的this对象，所以在使用的时候，内部的this就是定义时所在环境的对象。而不是使用时所在的环境。

function fn(){
    setTimeout(function(){
        console.log(this);
    },1000);
    setTimeout(()=>{
        console.log(this);
    },1000);
}

var obj = {a:1};

fn.call(obj);
// 打印 window
// 打印 obj

• 不能给箭头函数使用call apply bind 去改变内部的this指向
• 体内也没有arguments对象，可以用rest参数的形式去代替
• 不能当作构造函数去使用
• 不能当作Generator函数