實現這樣的目標需要什么？

Question

我的問題不是關於編程技能，而是關於 lib 文件和框架文件。 例如，我已經有了：jquery.js & jquery.ui.js，在<header>塊中聲明。

假設我在 JavaScript 文件中定義了一些東西，如下所示：

define("app/ui/dialogs/delete_tweet_dialog", ["module", "require", "exports", "core/component", "app/ui/with_dialog", "app/ui/dialogs/with_modal_tweet"], function(module, require, exports) {
    function deleteTweetDialog() {
        this.defaultAttrs({
            cancelSelector: ".cancel-action",
            deleteSelector: ".delete-action"
        }), this.openDeleteTweet = function(a, b) {
            this.attr.sourceEventData = b, this.displayTweet(b.tweetId, {
                modal: "delete"
            }), this.id = b.id, this.open()
        }, this.deleteTweet = function() {
            this.trigger("uiDidDeleteTweet", {
                id: this.id,
                sourceEventData: this.attr.sourceEventData
            })
        }, this.deleteTweetSuccess = function(a, b) {
            this.trigger("uiDidDeleteTweetSuccess", this.attr.sourceEventData), this.close()
        }, this.restoreFocusToTweet = function(a) {
            $(a.target).is(this.$dialog) && this.activeEl && this.trigger($(this.activeEl).closest(".tweet"), "uiShouldAddFocusStyle")
        }, this.after("initialize", function() {
            this.on("click", {
                cancelSelector: this.close,
                deleteSelector: this.deleteTweet
            }), this.on(document, "uiOpenDeleteDialog", this.openDeleteTweet), this.on(document, "dataDidDeleteTweet", this.deleteTweetSuccess), this.on(document, "uiDialogRestorePreviousFocus", this.restoreFocusToTweet), this.on(document, "uiCloseDeleteTweetDialog", this.close)
        })
    }
    var defineComponent = require("core/component"),
        withDialog = require("app/ui/with_dialog"),
        withModalTweet = require("app/ui/dialogs/with_modal_tweet"),
        DeleteTweetDialog = defineComponent(deleteTweetDialog, withDialog, withModalTweet);
    module.exports = DeleteTweetDialog
});  

• 我需要什么才能使上述代碼工作？
• jQuery.js 是單獨提供 [module, require,exports] 還是需要添加其他東西？
• 一旦我做了一個類似於這個定義的定義，我如何從其他代碼中調用它？

我找到了這個：

define(module_id / optional /, [dependencies] / optional /, 定義函數 /用於實例化模塊或對象的函數/ );

來自： http : //addyosmani.com/writing-modular-js/

但是，我仍然不明白如何調用定義？ 谷歌上沒有教程。

Answer 1

您顯示的代碼是作為 AMD 編寫的。 RequireJS是這里可能使用的庫。

在此處閱讀更多相關信息： http : //requirejs.org/