美文网首页
import 和 require 的 区别以及暴露模块and n

import 和 require 的 区别以及暴露模块and n

作者: 变量只提升声明不提升赋值 | 来源:发表于2020-10-13 10:48 被阅读0次

import 和 require都是模块化编程的诞生物

require 是 AMD规范引入方式
import是es6的一个语法标准,如果要兼容浏览器的话必须转化成es5的语法

require是赋值过程,其实require的结果就是对象、数字、字符串、函数等,再把require的结果赋值给某个变量
import是解构过程,但是目前所有的引擎都还没有实现import,我们在node中使用babel支持ES6,也仅仅是将ES6转码为ES5再执行,import语法会被转码为require

image.png

暴露模块

暴露模块的方法有一下两种

exports.xxx=需要暴露的方法名或变量名
在另一个文件中通过require引入这个模块,就可以访问到这个暴露出来的方法
具体步骤

1.创建一个模块文件


image.png

在此模块文件中let一个变量a 给他赋值为5 并通过exports.a=a暴露出去

2.引入这个模块


image.png

在另一个js文件中引入模块,并且去打印一下这个模块里的值


image.png
可以看到,能成功打印出这个值

另一种暴露方式

image.png

如果模块中有很多工具方法的话,一个一个暴露出去太麻烦了,我们可以直接用一个对象把这些方法包起来,然后把这个对象暴露出去


image.png
image.png

可以看到这样也可以调用模块中的方法

关于npm的一些小知识

npm是最大的js包管理平台,可以通过npm命令去下载到各种各样我们需要的包
npm init -- yes 命令可以下载到我们的项目配置文件 package.json文件


image.png
image.png

下载包的时候最好都在后面跟上--save参数 这样,package.json中就会有记录,如果有别人要拉你这个项目的时候,只需要执行一下npm i 命令就会把package.json中记录的所有的包都下载下来

相关文章

  • import 和 require 的 区别以及暴露模块and n

    import 和 require都是模块化编程的诞生物 require 是 AMD规范引入方式import是es6...

  • 微信小程序中import和require区别

    小程序 import require import和require的区别 node编程中最重要的思想就是模块化,i...

  • require,import ,export default,m

    module.exports和exports区别 import和require的区别 import和require...

  • 2、require 和 import 的区别?

    【转载出处】 require 和 import 的区别? 谈谈import和require的区别 1⃣️、遵循的规...

  • require和import区别

    使用形式不一样 import 还有一个重要的区别import是解析时候加载的,require是运行时加载,requ...

  • import和require区别

    在学习过程发现项目代码中存在两种引入方式,便各方查了两种的区别(一下内容为自我学习笔记,如有不当还请指教): 1、...

  • import 和 require区别

    ES6之前出现了JS模块加载的法案,最主要是CommonJS和AMD规范。CommonJS前者主要应用于服务器,实...

  • require和import区别

    遵循的模块化规范不一样 模块化规范:即为 JavaScript 提供一种模块编写、模块依赖和模块运行的方案。谁让最...

  • import 和 require区别

    import和require分别是不同模块化规范下引入模块的语句。 1.时间 年份出处require/exprot...

  • require和import区别

    node编程中最重要的思想就是模块化,import和require都是被模块化所使用。 遵循规范–require ...

网友评论

      本文标题:import 和 require 的 区别以及暴露模块and n

      本文链接:https://www.haomeiwen.com/subject/bpxvpktx.html