ES6 callee属性与 "..." 运算符详解

亦凉 2021-12-05 15:15 196阅读 0赞

*  `callee` 是 `arguments` 的一个属性，是一个指针指向拥有这个 arguments 对象的函数（arguments 用于保存函数参数，是一个类数组对象，不具备数组的一般方法）。
    
        function test() { 
            console.log(arguments.callee)
        }
        
        test()
    
    执行结果：
    
        ƒ test() { 
              console.log(arguments.callee)
            }
 *  通过 callee 的特性可以用于处理递归操作
    
    正常情况：
    
        function test(num) { 
        
            if (!(num <= 1)) { 
                return num * test(num-1)
            } else { 
                return 1
            }
        }
        
        console.log(test(10)) // 3628800
    
    通过 callee：
    
        function test(num) { 
            if (!(num <= 1)) { 
                return num * argument.callee(num-1)
            } else { 
                return 1
            }
        }
        
        console.log(test(10)) // 3628800

#### … 运算符 ####

`...` 可以作为参数使用，也可以作为扩展运算符使用。

*  作为参数时
    
    可用来取代 arguments 但比 arguments 更加灵活（可遍历），`...` 只能放在 *最后* 作为形参参数，可获取传入的参数未匹配的部分，以数组的形式返回。
    
    例如：
    
        function test(a, b, ...arg) { 
            console.log(arg)
        }
        test(1,3,5,6,7,8,9) // 执行结果：[5, 6, 7, 8, 9]
 *  作为扩展运算符
    
    作为扩展运算符时，可用在 数组 或 对象 中。
    
        let arr = [1,3,5,7,9]
        console.log(arr)
        // 以参数序列的形式将其返回
        console.log(...arr)
    
    执行结果：
    
        [1, 3, 5, 7, 9]
        1 3 5 7 9
    
    可方便的合并数组和对象
    
    数组
    
        let arr1 = [1,3,5,7,9], arr2 = [2, 4, 6, 8]
        let arr3 = [...arr2, ...arr1]
        console.log(arr3) // 执行人结果：[2, 4, 6, 8, 1, 3, 5, 7, 9]
    
    对象
    
        let obj1 = { 
            name: "金莲",
            gender: "女"
        }
        let obj2 = { ...obj1, age: 22, hobby: "古筝"}
        
        console.log(obj2) // 执行结果：{name: "金莲", gender: "女", age: 22, hobby: "古筝"}