Heim > Web-Frontend > js-Tutorial > Hauptteil

Verschiedene Möglichkeiten zum Erstellen von Namespaces in JavaScript

autoload
Freigeben: 2021-04-02 09:45:46
Original
2078 Leute haben es durchsucht

Verschiedene Möglichkeiten zum Erstellen von Namespaces in JavaScript

Globale Variablen in JavaScript verursachen oft Namenskonflikte, und manchmal erfolgt sogar das Umschreiben von Variablen nicht in der Reihenfolge, die Sie sich vorgestellt haben. Um Global zu vermeiden Bei Konflikten mit Variablennamen ist die Erstellung eines Namespace die optimale Lösung. JavaScript中全局变量经常会引起命名冲突,甚至有时侯重写变量也不是按照你想像中的顺序来的,所以为了避免全局变量名冲突,创建命名空间成为最优解。

1.通过闭包(Closure)和Object实现

    在闭包中声明好所有变量和方法,并通过一个JSON Object返回公有接口:

var NameSpace = NameSpace || {};
 NameSpace.Hello = (function() {   
 //待返回的公有对象  
  var self = {};   
  //私有变量或方法   
  var name = 'world';  
   //公有方法或变量   
   self.sayHello = function(_name) {    
    return 'Hello ' + (_name || name);  
     } ;   
     //返回的公有对象   
     return self; 
}());
Nach dem Login kopieren

2.通过JSON对象创建Object,代码如下:

var NameSpace = NameSpace || {}; 
NameSpace.Hello = {     name: 'world'   , sayHello: function(_name) {   
  return 'Hello ' + (_name || this.name);  
   }
 };
Nach dem Login kopieren

3.通过函数(function)创建:(较为复杂)

这是一种比较常见的写法,通过声明一个function实现,函数里设置初始变量,公共方法写入prototype

1. Implementiert durch Abschluss und Objekt

Deklarieren Sie alle Variablen und Methoden im Abschluss und geben Sie sie über ein JSON Object zurück. Öffentliche Schnittstelle:

var NameSpace = NameSpace || {}; 
/* Function */ 
NameSpace.Hello = function() {   
    this.name = 'world'; 
}; 
NameSpace.Hello.prototype.sayHello = function(_name) {   
    return 'Hello ' + (_name || this.name); 
}; 
var hello = new NameSpace.Hello(); 
hello.sayHello();
Nach dem Login kopieren

2. Objekt über JSON-Objekt erstellen, der Code lautet wie folgt: 🎜🎜🎜3. Erstellen über Funktion: (komplexer)🎜🎜🎜🎜 Dies ist eine relativ häufige Schreibmethode, die darin besteht, ein < zu deklarieren code>function, legen Sie die Anfangsvariablen in der Funktion fest und schreiben Sie die öffentliche Methode in prototype, wie zum Beispiel: 🎜
var NameSpace = NameSpace || {}; 
NameSpace.Hello = new function() {   
    var self = this;   
    var name = &#39;world&#39;;   
    self.sayHello = function(_name) {    
     return &#39;Hello &#39; + (_name || name);  
      }; 
 };
Nach dem Login kopieren
🎜🎜🎜4. Nach Funktion erstellen: (prägnanter)🎜 🎜🎜rrreee🎜Empfohlen: „🎜Fragen und Antworten zum js-Interview 2021 (große Zusammenfassung)🎜“🎜

Das obige ist der detaillierte Inhalt vonVerschiedene Möglichkeiten zum Erstellen von Namespaces in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!