帮助 JavaScript 作用域

Question

我担心我今天可能会失去理智，因为我不知道如何去做我想做的事。我想要一个可以从我的任何其他 JavaScript 函数调用的自定义提示。我不知道如何完成这项工作，尽管它感觉就像我已经完成了一百次。

这是一个例子

var modal = function() {

    var prompt = function(msg) {
        // custom prompt builder here... let's return hard coded for example's sake
        return true;
    };

}();

var items = function() {
    var init = function() {

        $('.delete').click(function() {
            var confirm = modal.prompt('Are you sure you wanna delete that pal?');
        });

    };    


    $(document).ready(init);    
}();

我想做的是调用modal的prompt方法，根据用户输入得到一个返回值。现在这个，我可以做，但我在调用内部方法时遇到问题。我想将这些组合在一起，因为我可能也会有一个自定义模式 alert()。

请不要建议内置的 JavaScript OK/Cancel，因为我必须这样做。

非常感谢！

Answer 1

从您调用modal.prompt 的方式来看，您似乎希望匿名函数返回一个将存储在modal 中的对象：

var modal = (function() {
    // various private fields & methods here
    ...
    // the public interface
    var self = {
        prompt: function(msg) {
            // custom prompt builder here... let's return hard coded for example's sake
            return true;
        }
    };
    return self;
})();

Answer 2

对于您的第一个问题，prompt 函数在您的 modal 对象中声明为变量，您无法访问它，因为您实际上并未公开它：

var modal = (function() {
  var privateMethod1 = function () {/*...*/},
      privateVar = 'foo';

  function privateMethod2() {
    //...
  }

  return { // public members
    prompt: function (msg) {
      // custom prompt builder here... let's return hard coded for example's sake
      return true;
    }
  };
})();

现在解决以下问题：

我想做的是调用modal的prompt方法，根据用户输入得到一个返回值。

用户输入是一个异步动作，我建议你使用基于回调的模型，内置的JavaScript OK/Cancel window.prompt实际上可以返回一个值，因为它停止代码执行 并等待用户输入。

var modal = (function() {
    return {
      prompt: function(msg, okCallback, cancelCallback) {
        // ...

        $('#okButton').click(function () {
          // internal actions here, like closing the dialog, cleanup, etc...
          okCallback(); // execute the ok callback
        });

        $('#cancelButton').click(function () {
          // ...
          cancelCallback(); // execute the cancel callback
        });
      }
    };
})();

Answer 3

我强烈建议任何打算养成编写 JavaScript 代码习惯的人阅读并理解此http://www.jibbering.com/faq/faq_notes/closures.html。

这非常重要。

Answer 4

你试过了吗：

var modal = {
    prompt : function(msg) {
           return true;
         }
};

然后你可以这样称呼它：

modal.prompt();