爲什麼這個JavaScript代碼（RequireJS和Node.js的模塊模式）工作？

Question

由於我對RequireJS和Node.js的理解有限（通常加上JavaScript），我通常會看一些知名JavaScript庫的來源。每次看到這樣的事情：

(// Wrapping 
    function (root, factory) { 
     if (typeof exports === 'object') { // Node.js 

      var underscore = require('underscore'); 
      var backbone = require('backbone'); 

      module.exports = factory(underscore, backbone); 

     } else if (typeof define === 'function' && define.amd) { // Require.JS 

      define(['underscore', 'backbone'], factory); 

     } 
    }(this, function (_, Backbone) { // Factory function, the implementation 
     "option strict"; 

     function Foo() {} 

     return Foo; // Export the constructor 
    }) 
); // Wrapping 

我能理解（希望）：

• 當腳本在<script>標籤uncluded自動執行換行代碼中的匿名函數
• 此代碼與RequireJS和Node.js（最初的if檢查）一起使用;函數factory的結果被分配給module.exports（Node.js）或用作define函數（RequireJS）的參數。

Q1：此代碼是如何工作沒有RequireJS和Node.js的？ if和else if檢查將失敗，factory函數從不執行並且腳本返回nothig。

Q2：通過this作爲root參數的目的是什麼？這是從來沒有使用

Answer 1

其實我認爲在你的問題中剪去的代碼不適用於瀏覽器全局變量。在此剪切中使用的模式稱爲UMD - 通用模塊定義。事實上，有這種模式的很多變化，你可以瀏覽更多的例子在https://github.com/umdjs/umd

至於問題：

Q1 這個片段將不會在瀏覽器中沒有RequireJS或任何其他AMD裝載機工作，爲顯而易見的原因 - 只有兩次檢查 - 對於NodeJS和定義函數，所以不使用AMD庫時不會調用工廠函數。

爲了使所謂的添加另一條件瀏覽器全局

if (typeof exports === 'object') { // Node.js 
    var underscore = require('underscore'); 
    var backbone = require('backbone'); 
    module.exports = factory(underscore, backbone); 

} else if (typeof define === 'function' && define.amd) { // Require.JS 
    define(['underscore', 'backbone'], factory); 
} else { 
    // Browser globals 
    factory(root._, root.Backbone); 
} 

請注意，我們使用傳遞到包裝函數根對象和nekman指出它將被設置爲在瀏覽器環境window出廠功能，所以我們只是將在該窗口中定義的全局對象傳遞給工廠，這些對象通常由頁面上的其他script標籤定義。希望這回答你的第二個問題。

Answer 2

Q1：如果同時if和else if失敗，承擔的唯一的事情就是underscore和Backbone從<script>標籤加載。一段時間前，我做了added a commit到Backbone.localStorage plugin做了相同的假設。

Q2：的this將指向「全局對象」（window在瀏覽器環境和global在Node.js的環境）。在你的情況下，它不會被使用，也不需要傳入。單獨使用factory就足夠了。

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.