Modulare Analyse von js (Namespace)

Der Inhalt, der in diesem Artikel mit Ihnen geteilt wird, befasst sich mit der modularen Analyse (Namespace) von js. Freunde in Not können sich darauf beziehen.

Der Code ist in Module organisiert, um eine Modularisierung des Codes zu ermöglichen, d. h. um Module in verschiedenen Szenarien wiederzuverwenden.
Ein Modul ist eine unabhängige JS-Datei. Eine Moduldatei kann eine Klassendefinition, eine Reihe verwandter Klassen, eine Dienstprogrammfunktionsbibliothek oder einen auszuführenden Code enthalten. Schreiben Sie Code in Form von Modulen, und das JS-Codesegment kann als Modul betrachtet werden.
Das Ziel des Moduls besteht darin, die Programmentwicklung zu unterstützen, die Codeassemblierung aus verteilten Quellen zu handhaben und die korrekte Ausführung des Codes zu ermöglichen

Verwendung als Namespace-Objekte

Um die Verschmutzung globaler Variablen zu vermeiden, Verwenden Sie Objekte, die als Namespaces dienen und die Werte von Funktionen und die Attribute von Namespace-Objekten speichern (d. h. über globale Variablen referenziert werden).

var collections;  // 先声明一个全局变量
if (!collections) // 如果它原先不存在
  collections = {}; //创建一个新对顶层命名空间，加判断是因为防止出现覆盖
collections.sets = {};  // 将sets命名空间创建在其内部

// 下面开始定义相关的类
collections.sets.AbstractSet = function(){};

Wenn Sie die Set-Klasse häufig im Sets-Namespace verwenden, ersetzen Sie die set class with Import into the global namespace

var Set = sets.Set; // 将Set倒入到全局命名空间中
var s = new Set();  // 这样就不用加set前缀了

Eine Konvention, die Moduldatei und der Namespace sollten übereinstimmen,
Zum Beispiel sollte sich die Datei des Moduls, das com.davidflanagan.collections.sets verwendet, in com befinden /davidflanagan /collections/sets.js
Das Obige ist der Pfad, eine Funktion, die zustimmt

privater Namespace

Exportieren Sie einige APIs außerhalb des Moduls, um sie anderen bereitzustellen, einschließlich Funktionen, Eigenschaften, Klassen, Methoden.
Die Implementierung des Moduls erfordert einige Hilfsfunktionen und Methoden
Funktionen und Methoden sind nicht als private Namespaces sichtbar.
Verwenden Sie den Funktionsbereich als privaten Namespace, also die Modulfunktion

/*
 *    模块函数中的Set类
 *  时间：2018/07/22 13:15
 */

 // 声明全局变量Set, 使用一个函数返回值给其赋值
 // 函数结束后紧跟着圆括号，立即执行
 // 将其返回值赋值给Set
 // 这为函数表达式，没有创建函数变量
var Set = (function(){
    function Set() {    // 这个构造函数为局部变量
        this.values = {};    // 这个对象用来保存这个集合
        this.n = 0;    // 集合中的个数
        this.add.apply(this, arguments);    // 将所有的参数添加到集合中
    };

    // 给Set.prototype定义实例方法
    Set.prototype.contains = function(vale) {
        // 这里调用v2s
        return this.values.hasOwnProperty(v2s(value));
    };
    Set.prototype.size = function() {/*...*/}

    // 这里的为辅助函数和变量
    // 这里的变量不属于公有的api，但是都隐藏在函数的作用域内
    // 因此，不需要将其定义为Set属性，或使用下划线用来标识
    function v2s(val) {/*...*/};

    // 这个模块的共有api为Set()构造函数
    // 我们需要把这个函数从私有命名空间导出，以便在外部可使用，通过返回构造函数的方式导出
    // 它会变成构造函数所指的值
    return Set;
}());    // 定义函数后立即执行

Verwandte Empfehlungen:

Object.defineProperty( in JavaScript) Methodenanalyse

Erweiterung von Klassen in js und Analyse objektorientierter Technologie

Das obige ist der detaillierte Inhalt vonModulare Analyse von js (Namespace). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!