Question

我正在尝试安装underscore.js，因此我可以在浏览器中使用它，但似乎所有安装说明都适用于服务器。如何在我的网络浏览器中使用它？我知道JS has no import or require所以我不知道该怎么做。感谢

Answer 1

在Google Chrome或Mozilla Firefox中打开一些网页。例如，google.com。
然后按F12键。
选择“控制台”选项卡。然后选择类型或复制粘贴以下代码：

var script = document.createElement（＆＃39; script＆＃39;）; script.type =＆＃39; text / javascript＆＃39 ;; script.src =＆＃39; https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore.js＆＃39 ;; document.head.appendChild（脚本）;

然后按Enter键。

然后开始在控制台上输入你的下划线js命令。

Answer 2

您没有安装 JavaScript库以便使用它 - 您需要包含它。如果您有依赖项，那么只有顺序（例如，第一个underscore.js，然后是使用underscore.js的自定义库）很重要。一种可能性是使用一些Content Delivery Network (CDN)，因此您不需要在本地下载库。常见的 CDN的是：

如果您下载了库并将其托管在服务器上，而不是将其放在项目目录中（或者在名为 scripts 的目录中）。

包含自定义库中使用的 underscore.js 库的代码可能如下所示：

JS库 demo.js

// function using underscore.js
function demo() {
    var input = [1, 2, 3];
    var output = _.map(input, function(item) {
            return item * 2;
    });
    alert(input + " - " + output);
}

然后在第二个文件 demo.html ：

<!DOCTYPE HTML>
<html>
    <head>
        <!-- first include the underscore.js library -->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.6.0/underscore.js" type="text/javascript"></script>
        <!-- or if the file is downloaded locally -->
        <!-- <script src="scripts/underscore.js" type="text/javascript"></script>-->
        <!-- then the custom JS library -->
        <script src="demo.js" type="text/javascript"></script>
    </head>
    <body>
        <!-- call the custom library function -->
        <a href="#" onclick="demo();">Start the script using underscore.js</a>
    </body>
</html>

输出符合预期：

1,2,3 - 2,4,6

Answer 3

请包含您正在使用的浏览器，但很少有想到的事情：

转到JSFiddle或JSBin或其他替代方案，包含或选择您要使用的JS框架并使用它。
在浏览器中使用JS意味着什么。必须有一些HTML代码可以使用和理解JS代码。
- Firefox，安装像Firebug这样的插件，打开SO或google.com之类的简单页面，然后在控制台中
  
  var script = document.createElement("script"); script.src = "http://path/to/underscor.js"; document.body.appendChild(script);
  
  然后你就可以开始使用JS文件中的函数了。
- Google Chrome，单击F-12，转到“源”选项卡，单击左侧面板中的“内容脚本”，右键单击以添加包含JS文件的文件夹。这也应该有效。左侧面板中还有另一个名为snippets的子选项卡，创建一个新文件，只需将整个JS文件粘贴到其中即可。或者，您可以使用相同的Firefox技术。它的开发人员面板更先进，更复杂。
您可以尝试查看Browserify等内容。

要点是，您需要某种HTML来调用和使用JS代码。恕我直言，像JSFiddle这样的工具在使用和测试一些JS代码方面要好得多，而且麻烦也少了。或者只是在您的系统上创建一个简单的HTML文件，包含一个脚本标记并对其进行测试。

HTH

Answer 4

只需将以下代码粘贴到.html文件的head部分即可。

<script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3  /underscore-min.js">
</script>

Answer 5

您应该只能使用<script>标记加载它。查看代码显示它将自己加载到全局对象（window == this）。

  var root = this;

  ...

  if (typeof exports !== 'undefined') {
    if (typeof module !== 'undefined' && module.exports) {
      exports = module.exports = _;
    }
    exports._ = _;
  } else {
    root._ = _;
  }

如何安装underscore.js？

5 个答案: