javascript - 如何在另一个公共(public)方法下添加一个公共(public)方法？

Question

我正在开发一个带有大型 JavaScript 和 jQuery 代码库的网站，我试图给它一个更有组织的类似插件的结构。我read an article展示如何使用自动执行的匿名函数来帮助确定作用域，并且它还允许您的库使用“window.namespace = window.namespace || {}”技术跨文件扩展。

例如:

//Self-Executing Anonymous Function:
(function( skillet, $, undefined ) {

    //Private Property
    var isHot = true;

    //Public Property
    skillet.ingredient = "eggs";

    //Public Method
    skillet.fry = function() {
        // do stuff...
    };

    //Private Method
    function addItem( item ) {
        // do stuff...
    }    
}( window.skillet = window.skillet || {}, jQuery ));

演示:jsFiddle

我的问题是，如何在 Skillet.fry() 下添加公共(public)方法。所以我可以调用诸如 Skillet.fry.cancel(); 之类的东西

或者，如果有更好的方法来做到这一点，我愿意接受建议。

Answer 1

你可以尝试这样的事情。它允许您声明在 cancel() 闭包中可用的其他变量(以及 that)。

skillet.fry = (function() {
    var that = {};

    that.cancel = function() {
        //...
    }

    return that;
})();