ES6-day02（二）(函数扩展,箭头函数(省略return,箭头函数的this属性,箭头函数的实参))

1.函数扩展

function test(a,b=1,c){}
console.log(test.name);//test
// 获取没有设置默认值的形参个数,在设置默认值的参数位置停止
console.log(test.length);//1

function test(a,b,c=1){}
console.log(test.name);//test
// 获取没有设置默认值的形参个数,在设置默认值的参数位置停止
console.log(test.length);//2

函数的length属性是从头开始一直数到有默认值的变量为止,没有默认值的变量的个数

2.箭头函数

1. 省略return

如果函数体只有一句话,用箭头可以省略return,以下两种写法效果相同
 let test= (a,b)=>a+b;
 let test = (a,b)=>{
     return a+b;
 }
 console.log(test(1,2));//3

2.箭头函数的this
箭头函数没有自己的this,是引用外层的this,比如

console.log(this);   //指向当前的模块对象
let say = ()=>{
    console.log(this);
}
say();
let obj = {
    username:'zhangsan',
    //对象中的方法可以简写
    say(){
        console.log(this);
    }
};
//可以看出来这个this指向的是obj的this,所以箭头函数的this是指向外层的this
obj.say();  //{ username: 'zhangsan', say: [Function: say] }

如果要用箭头函数,一定要记住,箭头函数的this不是指向自身,而是指向包裹这箭头函数的外层,切记慎用

还有一个也能看出它的指向

let obj = {
    username:'zhangsan',
    say:(function(){
        console.log(this); //global对象
        return ()=>{
            console.log(this);  //global对象
        }
    })()
};

obj.say(); 

say函数是一个function,它的返回是一个箭头函数的打印this,这两个global完全相同,所以进一步验证这个this用的就是外层的this

3.argument

//arguments
// 箭头函数的this慎用,arguemnt无用
 let test2 = (a,b)=>{
     console.log(arguments);
 }
 test2(1,2,3,4,5);//global对象
let test2 = function(a,b){
    console.log(arguments);
}
test2(1,2,3,4,5);

这里用箭头函数,并传入实参可以看见出来的并不是想要的1,2,3,4,5 , 打印出来的是一个global对象,所以实参对箭头函数来说是没有用的