Javascript - 如何在自调用函数中调用方法

Javascript - How to invoke a method inside self invoking function?

本文关键字:调用 函数 方法 Javascript      更新时间:2023-09-26

在下面的代码中

(function x() {
var j = function() { alert("234234"); }
return {
    s: j
}
})()
var x1 = new x();
x1.s();

如何调用方法 j()?或者在此之前,我应该问,有没有办法创建函数 x() 的实例,因为这就是正在发生的事情。请看小提琴 http://jsfiddle.net/e5k6bdvn/

  1. 不要给自调用函数一个名字(除了让它更容易在堆栈跟踪中找到之外,它没有什么好处,此时你不需要它,而且它在旧的IE中内存泄漏)
  2. 不要调用自调用函数两次
  3. 不要将自调用函数视为构造函数(通过使用new调用它)
  4. 捕获自调用函数的返回值

这样:

    var x = (function () {
        var j = function() { alert("234234"); };
        return {
            s: j
        };
    })();
    
    x.s();


或者,如果要以相同的方式创建多个对象:

  1. 不要使用自调用函数
  2. 尽可能多地打电话给x

这样:

    function x () {
        var j = function() { alert("234234"); };
        return {
            s: j
        };
    };
    var x1 = x();
    var x2 = x();
    x1.s();


或者,如果要创建构造函数:

  1. 不要从中返回任何东西
  2. 使用原型链

这样:

    function x () {
    };
    x.prototype.s = function () {
        alert("234234");
    }
    
    var x1 = new x();
    var x2 = new x();
    x1.s();

正如@epascarello所说,很难说你的问题的背景是什么。

如果 x 的含义是多次返回对象,则不应立即调用它。相反,你只需要声明它:

function x () { return { j: function () { alert("234234") } } }

然后随时调用它,并调用j

var x1 = x();
x1.j();

相反,如果您打算只使用一次x,最好立即调用它,但您也需要立即使用调用来j

(function () {
    return {
        j: function () {
            alert("234234")
        }
    }
})().j();