Heim  >  Artikel  >  Web-Frontend  >  Was ist Modularität? Lassen Sie uns über die Knotenmodularität sprechen

Was ist Modularität? Lassen Sie uns über die Knotenmodularität sprechen

青灯夜游
青灯夜游nach vorne
2022-11-23 20:17:351717Durchsuche

Was ist Modularität? Dieser Artikel bietet Ihnen eine ausführliche Analyse der Modularisierung von Node. Ich hoffe, er wird Ihnen hilfreich sein!

Was ist Modularität? Lassen Sie uns über die Knotenmodularität sprechen

Was ist Modularisierung?

Modularisierung bezieht sich auf den Prozess der Aufteilung des Systems in mehrere Module Schicht für Schicht von oben nach unten bei der Lösung eines komplexen Problems. Für das Gesamtsystem sind Module Einheiten, die kombiniert, zerlegt und ausgetauscht werden können. 解决一个复杂问题时,自顶向下逐层把系统划分成若干模块的过程。对于整个系统来说,模块是可组合、分解和更换的单元。

在上方的定义中未免有一些晦涩难懂,简单的给大家举个例子:我们小时候玩的小霸王游戏机,当我们玩烦了一款游戏的时候,我们不可能直接更换一个游戏机呀,我们可以通过更换游戏带从而体验各种不同的游戏。这种形式就是模块化,把游戏分化成一个个小模块,当我们需要它的时候拿过来插入使用即可!

在我们的编程中的模块化,其实就是遵循固定的规则,把一个大文件拆分成为一个个独立并且相互依赖的多个小模块。【相关教程推荐:nodejs视频教程

代码进行模块拆分的好处:

  • 提高了代码的复用性

  • 提高了代码的可维护性

  • 可以实现按需加载(这个真的是嘎嘎好用!)

模块化规范

模块化规范就是对代码进行模块化的拆分与组合时,需要遵守的那些规则。

例如:
?1. 使用什么样的语法格式来引用模块
?2. 在模块中使用什么样的语法格式向外暴露成员

模块化规范的好处:大家都遵守同样的模块化规范写代码,降低了沟通的成本,极大方便了各个模块之间的相互调用,利人利己。(黑马哥总结的真到位)

node.js中的模块分类

Node.js 中根据模块来源的不同,将模块分为了 3 大类,分别是:
? 1. 内置模块(内置模块是由 Node.js 官方提供的,例如 fs、path、http 等)
? 2. 自定义模块(用户创建的每个 .js 文件,都是自定义模块)
? 3. 第三方模块(由第三方开发出来的模块,并非官方提供的内置模块,也不是用户创建的自定义模块,使用前需要先下载)

我们在以上文章中已经学了常用的内置模块,剩下的两个模块相对来说没有什么特点,比较的依赖于开发者的需求!

加载模块

使用强大的 require()方法,可以加载需要的内置模块、用户自定义模块、第三方模块进行使用.

注意:使用 require() 方法加载其它模块时,会执行被加载模块中的代码

node.js的模块作用域

什么是模块作用域

和函数作用域类似,在自定义模块中定义的变量、方法等成员,只能在当前模块内被访问,这种模块级别的访问限制,叫做模块作用域。

代码示例:

//在模块作用域中定义常量 name
const name = 'qianmo'
//在模块作用域中定义函数sing()
function sing() {
    console.log(`大家好,我是${name}`);
}
//在测试js文件中加载模块
const a = require('./08.模块作用域')
console.log(a);  // {}

在上述代码中,我们在模块作用域中定义了常量和方法,但是在测试的js文件中加载模块后去打印,我们发现打印出来的是空对象。这是因为模块作用域中的属性和方法是私有成员,我们在加载模块的时候无法访问到!

模块作用域的好处

模块作用域的好处其实就只有一个:防止全局变量污染的问题

Was ist Modularität? Lassen Sie uns über die Knotenmodularität sprechen
在上述代码中,我们引入了两个js文件,在js文件中都同时定义了变量a,我们打印a之后,发现打印出来的是zs,在这里我们就可以发现一个问题,2.js文件覆盖了1.js

Die obige Definition ist etwas unklar: Die Overlord-Spielekonsole, die wir als Kinder gespielt haben, können wir nicht direkt ändern Durch den Wechsel des Spielgürtels können wir eine Vielzahl unterschiedlicher Spiele erleben. Diese Form ist Modularisierung. Wenn wir es brauchen, können wir es einfach zur Verwendung einfügen. 🎜🎜Modularisierung in unserer Programmierung bedeutet eigentlich das Befolgen fester Regeln und das Aufteilen einer großen Datei in Teile, die unabhängig und voneinander abhängig sind. Mehrere kleine Module. [Verwandte Tutorial-Empfehlungen: 🎜nodejs-Video-Tutorial🎜]🎜🎜🎜Vorteile der Codemodulaufteilung:🎜
  • 🎜Verbessert die -Komplexität des Codes Benutzerfreundlichkeit 🎜
  • 🎜Verbessert die Wartbarkeit des Codes🎜
  • 🎜kann Laden bei Bedarf realisieren (Dies ist wirklich einfach zu verwenden!)🎜
🎜🎜🎜Modulare Spezifikation🎜🎜🎜🎜Modulare Spezifikation ist zum Codieren von Regeln, die sein müssen Bei der Aufteilung und Kombination von Modulen ist Folgendes zu beachten. 🎜🎜Zum Beispiel:
?1. Welches Syntaxformat wird verwendet, um auf das Modul zu verweisen
?2. Welche Syntax wird im Modul verwendet Formatieren Sie exponierte Mitglieder🎜🎜Vorteile modularer Spezifikationen: Jeder hält sich an die gleichen modularen Spezifikationen, um Code zu schreiben, was die Kommunikationskosten senkt, den gegenseitigen Aufruf zwischen verschiedenen Modulen erheblich erleichtert und den Menschen Vorteile bringt. (Die Zusammenfassung von Heima Ge ist wirklich genau richtig)🎜🎜
🎜🎜Modulklassifizierung in node.js🎜🎜🎜In Node.js werden Module entsprechend in verschiedene Kategorien unterteilt ihre Quelle. Für die drei Hauptkategorien sind sie:
1. Eingebaute Module (Eingebaute Module werden offiziell von Node.js bereitgestellt, wie z. B. fs, path, http , usw.)
2 . Benutzerdefiniertes Modul (Jede vom Benutzer erstellte .js-Datei ist ein benutzerdefiniertes Modul)
3. Drittanbieter-Modul Code> (Von einem Drittanbieter entwickelt. Das Modul ist weder ein offiziell bereitgestelltes integriertes Modul noch ein von Benutzern erstelltes benutzerdefiniertes Modul, das vor der Verwendung heruntergeladen werden muss.) 🎜🎜🎜Wir haben das häufig verwendete integrierte Modul gelernt Module im obigen Artikel, und die verbleibenden zwei Module sind relativ gesehen. Es gibt keine Funktionen, es hängt mehr von den Bedürfnissen des Entwicklers ab! 🎜🎜<a id="_42">🎜🎜<span style="font-size: 18px;">Modul laden</span>🎜🎜🎜🎜Verwenden Sie den leistungsstarken <code>require() Mit der Methode code> können Sie die erforderlichen <code>integrierten Module, benutzerdefinierten Module und Module von Drittanbietern zur Verwendung laden.🎜🎜Hinweis: Bei Verwendung der Methode require() zum Laden Andere Module werden geladen. Code im Modul. 🎜🎜
🎜🎜Modulbereich von node.js🎜🎜🎜🎜🎜Was ist Der Modulbereich🎜🎜🎜🎜Ähnlich wie der Funktionsbereich, kann auf Variablen, Methoden und andere im benutzerdefinierten Modul definierte Mitglieder nur innerhalb des aktuellen Moduls zugegriffen werden Einschränkungen werden als Modulumfang bezeichnet. 🎜🎜🎜Codebeispiel:🎜🎜
// 在默认情况下 module.exports = {}
const age = 20
//向 module.exports 对象上挂载 name 属性
module.exports.name = &#39;正式&#39;

//向 module.exports 对象上挂载 sing 方法
module.exports.sing = function() {
    console.log(&#39;hello&#39;);
}
module.exports.age = age

//让 module.exports 指向一个全新的对象
module.exports = {
    username : &#39;qianmo&#39;,
    hi() {
        console.log(&#39;你好啊!&#39;);
    }
}
// 在外界使用require 导入一个自定义模块的时候 得到的成员。
// 就是 那个模块中,通过 module.exports 指向的那个对象
const m1 = require(&#39;./11.自定义模块&#39;)
console.log(m1); // { username: &#39;qianmo&#39;, hi: [Function: hi] }
🎜🎜Im obigen Code haben wir Konstanten und Methoden im Modulbereich definiert, aber nachdem wir das Modul in die Test-JS-Datei geladen und gedruckt hatten, stellten wir fest, dass das gedruckte Is ein Null-Objekt. Dies liegt daran, dass die Eigenschaften und Methoden im Modulbereich private Mitglieder sind und wir beim Laden des Moduls nicht darauf zugreifen können! 🎜🎜
🎜🎜Vorteile des Modulumfangs🎜🎜🎜Es gibt eigentlich nur einen Vorteil des Modulumfangs: Verhinderung globaler variabler Umweltverschmutzung🎜🎜 Bildbeschreibung einfügen hier
Im obigen Code haben wir zwei js-Dateien eingeführt. Die Variable a wird in beiden js-Dateien gleichzeitig definiert. Nachdem wir a gedruckt haben, stellen wir fest, dass der Druck Was dabei herauskommt, ist zs. Hier finden wir ein Problem, das die Datei 1.js abdeckt Das Problem besteht darin, dass es bei der Definition globaler Variablen leicht zu einer Variablenverschmutzung kommen kann. Die Modularisierung von Knoten kann uns bei der Lösung dieses Problems helfen!?🎜

向外共享模块作用域中的成员

module对象

在每个 .js 自定义模块中都有一个 module 对象,它里面存储了和当前模块有关的信息

我们打印一下module,console.log(module)

Was ist Modularität? Lassen Sie uns über die Knotenmodularität sprechen

module.exports对象

在自定义模块中,可以使用 module.exports 对象,将模块内的成员共享出去,供外界使用
外界用 require() 方法导入自定义模块时,得到的就是 module.exports 所指向的对象

代码示例:

// 在默认情况下 module.exports = {}
const age = 20
//向 module.exports 对象上挂载 name 属性
module.exports.name = &#39;正式&#39;

//向 module.exports 对象上挂载 sing 方法
module.exports.sing = function() {
    console.log(&#39;hello&#39;);
}
module.exports.age = age

//让 module.exports 指向一个全新的对象
module.exports = {
    username : &#39;qianmo&#39;,
    hi() {
        console.log(&#39;你好啊!&#39;);
    }
}
// 在外界使用require 导入一个自定义模块的时候 得到的成员。
// 就是 那个模块中,通过 module.exports 指向的那个对象
const m1 = require(&#39;./11.自定义模块&#39;)
console.log(m1); // { username: &#39;qianmo&#39;, hi: [Function: hi] }

在测试js文件中,我们打印了引入的模块,发现打印出来了module.exports最后指定的对象
注意:使用 require() 方法导入模块时,导入的结果,永远以 module.exports 指向的对象为准。

exports对象

由于 module.exports 单词写起来比较复杂,为了简化向外共享成员的代码,Node 提供了 exports 对象默认情况下,exports 和 module.exports 指向同一个对象。最终共享的结果,还是以 module.exports 指向的对象为准

代码示例:

console.log(exports); // {}
console.log(module.exports); // {}

console.log(exports === module.exports); // true

在我们进行对exports对象解析之前,我们需要确定一下exportsmodule.exports是不是指向的是一个对象,我们可以看出,最后打印出了true,说明exportsmodule.exports指向的是一个对象!

const username = &#39;zs&#39;
exports.username = username
exports.age = 20
exports.sayHello = function() {
    console.log(&#39;大家好!&#39;);
}

//最终向外共享的结果,永远是 module.exports 所指向的对象
const m = require(&#39;./13.exports对象&#39;)

console.log(m); //{ username: &#39;zs&#39;, age: 20, sayHello: [Function (anonymous)] }

在上述的代码中,我们在私有模块中定义了属性和方法,我们通过exports将属性和方法导出,在测试文件中引入,我们会发现,测试文件中打印出了属性和方法。

exports 和 module.exports 的使用误区

时刻谨记,使用require() 引入模块时,得到的永远是module.exports 指向的对象

Was ist Modularität? Lassen Sie uns über die Knotenmodularität sprechen

  • 在第一个图中,module.exports指向一个新对象,所以在测试文件中,只会打印出来{gender:'男',age:22}

  • 在第二个图中,虽然exports指向了一个新对象,但是我们知道我们只会打印出来module.exports指向的对象,所以我们只能打印出来一个属性{username : 'zs'}

  • 在第三个图中,exports和module.exports都没有指定一个新对象,我们还知道,在默认情况下exports和module.exports指向的是一个对象,所以最终打印出来{username : 'zs',gender:'男'}

  • 在第四个图中,exports指向了一个新对象,但是最终这个对象又赋值给了module.exports,所以,最后打印出了{username:'zs',gender:'男',age:22}

? 注意 : 不要在一个文件中同时使用exportsmodule.exports,防止混淆

Node.js 中的模块化规范(commonJS)

Node.js 遵循了 CommonJS 模块化规范,CommonJS 规定了模块的特性各模块之间如何相互依赖

CommonJS 规定:
① 每个模块内部,module 变量代表当前模块
② module 变量是一个对象,它的 exports 属性(即 module.exports)是对外的接口
加载某个模块,其实是加载该模块的 module.exports 属性。require() 方法用于加载模块。

Zusammenfassung

Modularisierung ist das größte Merkmal von node.js. Bei der Entwicklung von Front-End-Projekten ist die Modularisierung zu einem wesentlichen Bestandteil geworden und die Fähigkeit, bei Bedarf abzurufen, wird erheblich verbessert, was die Effizienz Ihrer Projektentwicklung erheblich verbessern wird. 我们在vue中使用的组件化其实就是模块化的概念

Weitere Informationen zu Knoten finden Sie unter:

nodejs-Tutorial!

Das obige ist der detaillierte Inhalt vonWas ist Modularität? Lassen Sie uns über die Knotenmodularität sprechen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:csdn.net. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen