- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想知道这些片段之间有什么区别。
var $ = require('jquery');
var _ = require('underscore');
var BackBone = require('backbone');
和
require(['jquery','underscore','backbone'],function ($, _, BackBone){
//code goes here
})
两者对我来说都工作得很好,但不确定上述两者背后的任何目的。
最佳答案
考虑第一个片段,它采用 CommonJS 风格:
var $ = require('jquery');
var _ = require('underscore');
var BackBone = require('backbone');
这些调用是同步调用:当require
返回时,它返回您请求的模块。 CommonJS require
调用是同步的。有一项建议支持异步形式的 require
但据我 can tell它尚未超出提案水平。 Node.js 曾经有 require.async
,现已删除。有一个package但这实现了它。使用这个包看起来很像使用 AMD 风格的模块。
现在,考虑第二个片段,它采用 AMD 风格:
require(['jquery','underscore','backbone'],function ($, _, BackBone){
//code goes here
})
由于 RequireJS 实现了 AMD 类型的模块系统,因此上述代码适用于 RequireJS。此 require
调用是 --- 正如名称异步模块定义 (AMD) 所暗示的 --- 异步的。您不能依赖 require
的返回值来获取模块值。您必须改用回调。 define
调用的工作方式类似,但除了需要模块之外还定义了一个模块。
现在,如果您使用 RequireJS,它提供了允许您在定义模块时使用任一样式的工具,以便您可以定义如下模块:
define(['jquery','underscore','backbone'],function ($, _, BackBone){
//code goes here
});
或者使用看起来更像 CommonJS 习惯用法的东西,如下所示:
define(function (require) {
var $ = require('jquery');
var _ = require('underscore');
var BackBone = require('backbone');
//code goes here
});
它使得转换 CommonJS 样式模块以与 RequireJS 一起使用变得非常容易:只需使用上面的 define
调用将其包装起来。有一个tool帮助转化。
在幕后,RequireJS 读取第二种形式的回调代码并创建依赖项列表,以便最终将其解释为:
define(['require', 'jquery','underscore','backbone'], function (require) {
var $ = require('jquery');
var _ = require('underscore');
var BackBone = require('backbone');
//code goes here
})
令人惊讶的是(考虑到 AMD 是异步的)回调中的 require
调用是同步的。这是 RequireJS 对 CommonJS 风格支持的一部分。 RequireJS 支持一种同步 require
调用,但有以下警告:如果在调用同步 require
之前已经定义了模块,则同步 require
返回模块的值,但否则它会立即失败。也就是说,它不会尝试加载模块。因为 RequireJS 解释使用 CommonJS 样式的模块定义,如我上面所示 --- 就好像依赖项实际上在 define
参数中列出一样 --- 那么这些模块保证由同步调用 require
的时间。
除了能够在 RequireJS 中使用 CommonJS 模块(如果添加了包装器)之外,还可以在 Node.js 等 CommonJS 环境中使用为 RequireJS 设计的模块。例如,我使用过 node-amd-loader加载我在 Node.js 中设计为 AMD 模块的模块。
关于javascript - RequireJS 和 CommonJS 的区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23264630/
我正在一个环境中启动一个新项目,该环境对 require 模块具有 native CommonJS 支持 - 这是一个原子 shell 项目,不可能使用预编译步骤,例如在 Browserify 或 w
是否有任何标准方法可以在 CommonJS 环境中使用 Scala.js 应用程序作为库?如果没有,我可以为此目的修补生成的 js 文件吗? 最佳答案 Scala.js 0.6.13 及更高版本 把它
我正在寻找 Nashorn 的模块系统。据我所知,CommonJS 是处理 JS 模块的方法。我浏览了该列表( here 和 here ),发现 Java 的 CommonJS 实现方式很少。 Nar
背景 我有一个文件需要在两个存储库之间共享。该文件包含一个对象。 Repo A 设置为仅接受 commonjs 文件( require("/path/to/file") ),我无法轻松访问其 babe
我正在尝试使用 base58进口 buffer .我已经安装了两个: https://github.com/calvinmetcalf/rollup-plugin-node-builtins http
假设我想在我的项目(或任何给定的 npm 包)中使用 Immutable。我已经npm install编辑了它,所以它在node_modules中。当然,它有 CommonJS 导出。但是,我想在我的
我对模块化 JS 完全陌生,以前从未使用过任何模式。我正在编写一个项目,其中的代码多达 400 多行,我想通过将不同模块中的内容分开来更好地管理它。我选择使用 commonJS 模块,因为我已经使用了
在我看来,这个问题更接近commonJs,而不是titanium。我编写了一个大文件。相当丑陋(代码的第一次和平)。如果你愿意的话,你可以跳过它。 问题:我的代码中有 2 个 View ,我想将它们放
已结束。此问题正在寻求书籍、工具、软件库等的推荐。它不满足Stack Overflow guidelines 。目前不接受答案。 我们不允许提出寻求书籍、工具、软件库等推荐的问题。您可以编辑问题,以便
在 websphere 中运行 spring 的 workmanager 任务执行器时收到异常。 以下是我的代码 我的 ConcurrentWorkManager 中的代码
因此,我出于常见原因(命名空间保护和依赖项处理(需要)以及公共(public) API 定义(导出))在个人项目中使用模块。我编写了自己的 require() 方法并使用标准模块模式 - 即: var
在这种情况下,在 CommonJS 模块内声明函数是否有良好的做法: // function foo() { ... } module.exports = function () { // fu
我想知道以下是否以及如何可能: CommonJS 环境,在 Node 和/或浏览器中使用的模块(带有 Browserify )。 两个(或更多)模块,每个返回一个单例,需要在应用程序的不同部分/模块中
这是我从 Flux architecture var AppDispatcher = require('../dispatcher/AppDispatcher'); var EventEmitter
我在创建声明文件 (d.ts) 时感到困惑。 例如,我创建了一个 NPM 包“a”(一个 CommonJS 模块 index.ts): export interface IPoint { x:
我正在从事 Angular2 项目。我浏览了 Angular2 aot 文档并且能够生成 ngFactory 文件。我按照文档中的建议使用了 rollup js。我有一些非 es6 npm 包。我已经
我不时听到 CommonJS http://www.commonjs.org/是创建一组模块化 javascript 组件的努力,但坦率地说,我从来没有理解过它。 我可以在哪里使用这些模块化组件?我在
我正在使用 React、TS 和 Webpack 堆栈开发应用。 我需要实现允许我的应用程序与客户端插件一起工作的功能 - js 文件覆盖某些类的现有功能。它可以从任何地方加载 - 本地文件系统或远程
现在,我使用 CommonJS 模块在脚本中设置一些全局变量,而不是在每个脚本中手动设置它们。 index.spec.js /*globals browser, by, element*/ requi
我想知道如何从另一个需要它的模块中增加一个 commonjs 模块。 假设我有三个文件,两个 commonjs 模块,如下所示: my-example-module.js function MyExa
我是一名优秀的程序员,十分优秀!