javascript - 如何调用不在范围内但利用 .call(this) 的 JavaScript 方法

Question

我不确定如何在网络浏览器 (chrome) 控制台中调用这些函数，例如 inventoryCheck，当它看起来不可见时。有什么办法可以这样称呼吗？谢谢!

下面是 JavaScript 文件的片段。

(function() {
    var CC, addToBagCheck, addToCartError, addToCartRequest, addToCartSuccess, availableSizes, displayCorrectShoe, inventoryCheck, isValidJSON, processInventory, selectSize, showBuy, showError, showSoldOut,
        slice = [].slice,
        bind = function(fn, me) {
            return function() {
                return fn.apply(me, arguments);
            };
        };

    inventoryCheck = function() {
        return availableSizes(function(product) {
            return processInventory(product);
        });
    };

    window.captchaResponse = function(response) {
        $('#captcha').addClass('checked');
        $('#flashproductform').append('<input class="captcha-duplicate" type="hidden" name="x-PrdRt" value="' + response + '">');
        return addToBagCheck();
    };

}).call(this);

Answer 1

你不能。 inventoryCheck 是在闭包内定义的。为了全局调用它们(就像在控制台中一样)，您必须在 window 对象上定义它们。由于您的闭包似乎以 window 作为其上下文(通过使用 this 作为上下文调用它)，那么您可以定义 inventoryCheck 如下:

this.inventoryCheck = function(){...}

请注意，在全局对象上定义内容是一个坏主意。考虑将所有内容附加到您拥有的单个全局对象。这会将全局对象的占用空间减少为单个对象。以下模式更好:

;(function(ns){

  ns.inventoryCheck = function(){...}

  // the rest of the code

})(this.myGlobal = this.myGlobal || {});

// Usage

myGlobal.inventoryCheck(...);