es6学习笔记整理（六）函数扩展

参数默认值

            function test(x, y = 'world'){
                console.log('默认值：',x,y);
            }
            test('hello');//默认值： hello world
            test('hello', 'ES6');//默认值： hello ES6

如果函数参数中没有默认值，并且调用的时候也没有赋值，这种写法是错的
函数参数默认值作用域的问题

• 函数外面有和函数参数中相同的变量，函数会使用自己函数里的，没有赋值的情况下
• 显示undefined，也不会用外面的同名变量
• 函数参数的初始值可以使用外部的变量

let x = 'hello';
            function test(x, y=x) {
                console.log('作用域：',x,y);
            }
            test('world');//作用域： world world
            test();//作用域： undefined undefined

            function test(z, y=x) {
                console.log('作用域：',z,y);
            }
            test('world');//作用域： world hello
            test();//作用域： undefined hello

rest参数

• ...
• 将一系列参数转化成数组，特别是不知道参数数量的情况下
• 类似arguments
• 但是不存在arguments第一个元素（fn）的问题
• 注意：rest参数之后不能再有其他参数

            function test(...arg) {
                for(let v of arg){
                    console.log('rest', v);
                }
            }
            test(1,2,3,'a','b','c');// 1 2 3 a b c

扩展运算符

• 与rest参数互为逆运用
• 扩展运算符：数组转化成离散的值；rest参数：离散的值转化成数组

            console.log(...[1,2,3,4,5]);//1 2 3 4 5
            console.log('a','b',...[1,2,3,4]);//a b 1 2 3 4

箭头函数

• 函数名 = 函数参数 => 返回值
• 注意this的指向问题，有的情况下不适合用箭头函数

            let arrow = v => v*2;
            let arrow2 = () => 12;
            console.log('箭头函数',arrow(3));//6
            console.log(arrow2());//12

this绑定

• 箭头函数的this绑定看的是this所在的函数定义在哪个对象下，绑定到哪个对象则this就指向哪个对象
• 如果有对象嵌套的情况，则this绑定到最近的一层对象上

            var obj={
                fn:function(){
                    setTimeout(function(){
                        console.log(this);
                    });
                }
            }
            obj.fn();//window
            var obj={
                fn:function(){
                    setTimeout(() => {
                        console.log(this);
                    });
                }
            }
            obj.fn();//object  

尾调用

• 调用函数之后，还有别的操作，不属于尾调用
• 基本格式如下
• 好处：提升性能，递归耗性能
• 尾调用由于是函数的最后一步操作，所以不需要保留外层函数的调用记录，因为调用位置、内部变量等信息都不会再用到了，只要直接用内层函数的调用记录，取代外层函数的调用记录就可以了。

            function test1(x){
                console.log('test',x);
            }
            function test2(x){
                return test1(x);
            }
            test2(12);//test 12