关于在对象字面量中声明函数并递归调用它

Question

一开始我在对象字面量中声明了一个函数，在这个函数里面我想递归调用它本身，代码如下：

(function () {

    var temp = {

        func: function (x) {
            if (x === 6) {
                return x
            }
            func(x + 1)

        }

    }

    console.log(temp.func(1))

})()

结果运行直接报func is undefined，我想应该是在这个函数里面func函数名是不可见的关系，后来我把代码改成了如下：

(function () {

    var temp = {

        func: function (x) {
            if (x === 6) {
                return x
            }
            arguments.callee(x + 1)

        }

    }
    console.log(temp.func(1))

})()

以及如下：

(function () {

    var temp = {

        func: function (x) {
            (function fn(x){
                if(x === 6){
                    return x
                }
                fn(x + 1)
            })(x)

        }

    }

    console.log(temp.func(1))

})()

我的问题：以上两种结果控制台都显示undefined，有人能告诉我为什么会出错吗？感谢！

Answer 1

(function () {

    var temp = {

        func: function (x) {
            if (x === 6) {
                return x
            }
            return temp.func(x + 1)
        }

    }

    console.log(temp.func(1))

})()

Answer 2

var f = function f(x) {

if (x === 1) {  
    return 1;  
} else {  
    return x * f(x - 1);  
}  

};
var fn2 = f;
f = null;
console.log(fn2(1)); // OK
你看看这个能不能帮助到你，arguments.callee是一个已经准备被弃用的属性，在ECMAscript 5中"use strict"时，不能使用arguments.callee。一个建议：如果要声明一个递归函数，请慎用new Function这种方式，Function构造函数创建的函数在每次被调用时，都会重新编译出一个函数，递归调用会引发性能问题。