ES6 函数的拓展

Posted 2022-07-16 nzcblogs

一、参数带默认值函数
1、在函数形参可以赋予函数默认值【即实参严格匹配undefined时,在函数内部使用形参时调用它的默认值】
2、函数name属性 【返回函数名称,无名的函数返回空字符串】
3、函数length属性  【从左往右开始计算函数形参直到碰到带有默认值形参结束的形参个数的计算】
eg：

    //普通函数传参
    function test(a,b=2,c,d=3)
        console.log(a,b,c,d);
    
    test(3,4,5);  //输出abcd分别为：3,4,5,3
    console.log(test.name);  //test
    console.log(test.length)    //1
    //使用解构传递参数,以对象解构为例
    function add(a=2,b)
        //形参 a=2,b = b:5,a:undefined  对象解构与属性顺序无关
        console.log(a,b);
    
    add(a:undefined,b:5);  //使用对象解构  输出a b为：2 5

4、rest参数
在函数形参那是有扩展运算符接受实参【换回接受的参数组成的数组】
eg：
    function test(a,b,...tail)
        console.log(a,b,tail);    //1 2 [3,4]
    
    test(1,2,3,4);
    //参数数组解构传递
    function add([a,...tail])
        console.log(a,tail);    //1 [2,3,4]
    
    add([1,2,3,4]);
    
二、箭头函数
1、ES6中箭头函数中的this指向为该箭头函数【声明】时所处的父模块作用域中的this指向
2、ES6中箭头函数中的arguments不保存实参,不进行实参的使用
3、不能作为构造函数【其函数内this指向可能不会指向调用对象】
eg：

    //箭头函数内部没有this，this指向箭头函数【声明时】的父作用域中的this
    function test()
        console.log(this);
        return ()=>    //箭头函数声明在这里【其this指向与test函数中的一样】
            console.log(this);
        ;   
    

    let obj = 
        name:‘zhangsan‘,
        test:test()   //这里会先执行test()函数，然后再将test()函数返回的箭头函数地址赋值给obj的test属性，箭头函数在test()函数中已经声明了
    ;
    obj.test();    //这里执行的是test()函数中返回的箭头函数而不是外面定义的test()函数