草庐IT

require 与 import

佐佐佑佑 2023-03-28 原文

common.js 模块化规范

  app.js 文件：
// require 在代码执行阶段才会调用引入文件，编译（预解析）时不会执行，所以下面会报错
// console.log(dep); ReferenceError: dep is not defined
const dep = require('./dep'); // require 加载的是一个对象（即 module.exports 属性, 不是exports）， const定义的变量不会预解析
console.log(dep); // { count: 1 }
  dep.js 文件： 
var count = 0;
count = 1;
exports.count = count; // 默认 exports 和 module.exports 指向同一个对象，使用 exports 和 module.exports 没有区别
// require/exports 输出的是值的拷贝。这里输出的是1，不是变量count, 所以后面的count变化不会影响当前的输出
// require/exports 针对基础数据类型是值的拷贝，导出复杂数据类型时浅拷贝该对象

exports = {a:300}; // 如果将 exports 指向了其他对象，exports 改变不会改变模块输出值
count = 2;
// 当前模块的输出值是module.exports指向的对象， 不是exports指向的对象
 
 
 
ES6 模块化规范
  index.js 文件：
// 第1种导出方式
export let address = "cz";
export let obj = { b:2}; // import/export输出的是值的引用
address = "河北省沧州市" // 当前文件执行完后，才会输出值，输出的 address = "河北省沧州市"
    上面等价于：
        let address = "cz";
        export {address}

// 第2种导出方式
let name = "nodejs";
export default {name} // 这种导出的语法，一个js文件只能写1次

  app.js 文件：
// import {address, obj } from "./index" // 第 1 种导出方式，引入数据
// import index from "./index" // 第 2 种导出方式，引入数据

// 2种导出方式混合引入
import index, {address, obj} from "./index" // import 命令是编译(预解析)阶段执行的，所以在import之前使用导入的变量也可以访问到

// 不能对 import 引入的变量重新赋值/定义
// address = "河北省保定市" // SyntaxError: src/app.js: "address" is read-only
console.log(index.name, index.age, address, obj); // nodejs 14 河北省沧州市 {  b: 2 }

   

require 与 import 的区别
  1. 属于不同的模块规范 require/exports -> CommonJS ; import/export -> ES6
  2. 加载模块时机不同： require -> 运行时直接加载模块 ; import -> 编译时加载模块
  3. require 可以写在代码的任意位置， import 只能写在文件的最顶端且不可在条件语句或者函数作用域中使用
  4. require/exports输出的是一个值的拷贝； import/export 输出的是值得引用，不能对引入模块重新赋值/定义
  5. 是否采用严格模式: commonjs 导出的模块默认不使用严格模式, es6 默认调用严格模式 
    exports.fun = ()=>{
 mistypedVaraible = 17; //没有调用严格模式，不会报错
};

export default var fun=()=>{
    mistypedVaraible = 17; //报错，mistypedVaraible is not defined
};
  6. import(modulePath)  表达式加载模块并返回一个 promise 
    import('/modules/my-module.js') //动态导入
  .then((module) => {
    // Do something with the module.
});

requireimportspanfont-familyfontVue

有关require 与 import的更多相关文章

  1. ruby - 主要 :Object when running build from sublime 的未定义方法 `require_relative' - 2

    我已经从我的命令行中获得了一切，所以我可以运行rubymyfile并且它可以正常工作。但是当我尝试从sublime中运行它时，我得到了undefinedmethod`require_relative'formain:Object有人知道我的sublime设置中缺少什么吗？我正在使用OSX并安装了rvm。 最佳答案 或者，您可以只使用“require”，它应该可以正常工作。我认为“require_relative”仅适用于ruby​​1.9+ 关于ruby-主要:Objectwhenrun

  2. ruby - 无法让 RSpec 工作—— 'require' : cannot load such file - 2

    我花了三天的时间用头撞墙，试图弄清楚为什么简单的“rake”不能通过我的规范文件。如果您遇到这种情况:任何文件夹路径中都不要有空格!。严重地。事实上，从现在开始，您命名的任何内容都没有空格。这是我的控制台输出:(在/Users/*****/Desktop/LearningRuby/learn_ruby)$rake/Users/*******/Desktop/LearningRuby/learn_ruby/00_hello/hello_spec.rb:116:in`require':cannotloadsuchfile--hello(LoadError) 最佳

  3. ruby - 检查是否通过 require 执行或导入了 Ruby 程序 - 2

    如何检查Ruby文件是否是通过“require”或“load”导入的，而不是简单地从命令行执行的？例如:foo.rb的内容:puts"Hello"bar.rb的内容require'foo'输出:$./foo.rbHello$./bar.rbHello基本上，我想调用bar.rb以不执行puts调用。 最佳答案 将foo.rb改为:if__FILE__==$0puts"Hello"end检查__FILE__-当前ruby​​文件的名称-与$0-正在运行的脚本的名称。 关于ruby-检查是否

  4. ruby - 使用 autoload 与 ruby​​ 中的 require 进行惰性评估？ - 2

    在我的代码中，我使用自动加载进行惰性评估，这样我可以更快地加载程序并在需要时加载文件，我没有看到很多人使用它，但在Thin项目中我注意到自动加载已被广泛使用，反正只是想知道使用它是否有任何风险。 最佳答案 autoload是notthreadsafe并将在未来的Ruby版本中弃用。这是proofbyMatz(ruby的创造者)。 关于ruby-使用autoload与ruby​​中的require进行惰性评估？，我们在StackOverflow上找到一个类似的问题：

  5. css - rails 萨斯 : variables are not passed with @import - 2

    我有一个使用twitterbootstrap和sass的Rails元素。scss文件结构化到文件夹中，所以我有更好的概述。现在我想为包含我的颜色等的全局变量定义一个文件，并将这些值传递给其他文件，这样我就有更少的冗余代码。虽然所有代码都已正确导入和应用，变量不起作用。这是当前的设置:样式表/application.css.scss/**=require_self*=require_tree*//*stylesheets/||–base/||–_reset.scss#Reset/normalize||–_typography.scss#Typographyrules||–componen

  6. ruby-on-rails - rails 生成 rspec :install config/environments/development. rb:1:in `<top (required)>': 未定义方法 `configure' - 2

    首先，这是我的版本:Greg-Nowickis-MacBook-Pro:sample_appGreg_Nowicki$ruby-vruby2.0.0p451(2014-02-24revision45167)[x86_64-darwin13.1.0]Greg-Nowickis-MacBook-Pro:sample_appGreg_Nowicki$rails-vRails4.0.4我正在学习HartlRails教程并安装rspec进行测试。我已将gem'rspec-rails'添加到我的gemfile中，当我运行railsgeneraterspec:install时，这就是我得到的:Gre

  7. ruby-on-rails - 无法创建新的 Rails 项目 : `require' : cannot load such file --/config/boot (LoadError) - 2

    我正在尝试创建一个新的Rails项目，Jakes-Air:codeJakeWengroff$railsnewMyNewProject-T但我一直收到这个错误:script/rails:5:in`require':cannotloadsuchfile--/Users/JakeWengroff/config/boot(LoadError)fromscript/rails:5:in`'检查Ruby版本，ruby-v，我明白了ruby2.1.2p95(2014-05-08revision45877)[x86_64-darwin13.0]当我想检查Rails的版本时，rails-v，我得到了与我

  8. ruby-on-rails - `require' : cannot load such file -- rails/commands - 2

    我是Rails的新手，我刚刚使用以下命令从头开始在MacOSSierra上安装了Rails:$gpg--keyserverhkp://keys.gnupg.net--recv-keys409B6B1796C275462A1703113804BB82D39DC0E3\curl-sSLhttps://get.rvm.io|bash-sstable--ruby$rvm-vrvm1.29.1(latest)byMichalPapis,PiotrKuczynski,WayneE.Seguin[https://rvm.io/]$ruby-vruby2.4.0p0(2016-12-24revisio

  9. ruby-on-rails - 脚本/服务器 custom_require.rb :36:in `require' : cannot load such file -- test/unit/error (LoadError) - 2

    我有一个基于1.8.7构建的应用程序，我正尝试在1.9.3的系统上启动它当我运行脚本/服务器时，我得到:/usr/local/lib/ruby/1.9.1/rubygems/custom_require.rb:36:in`require':cannotloadsuchfile--test/unit/error(LoadError)from/usr/local/lib/ruby/1.9.1/rubygems/custom_require.rb:36:in`require'我的服务器脚本如下所示:#!/usr/bin/envrubyrequireFile.expand_path('../.

  10. ruby-on-rails - 如何将 "import"嵌套类放入 Ruby 中的当前类？ - 2

    在Ruby中，我可以将模块/类嵌套到其他模块/类中。我想要的是在文件或类中添加一些声明，以便能够通过短名称引用嵌套类，例如使用Inner获取Outer::Inner，就像在Java、C#等中一样。语法可能是这样的:moduleOuterclassInner;endclassAnotherInner;endendclassCimportOuter:[:Inner,:AnotherInner]deffInnerendend简单的实现可能是这样的:classClassdefimport(constants)@imported_constants=(@imported_constants||{

随机推荐