So wandeln Sie lokale Variablen in JavaScript in globale Variablen um

Zuerst müssen wir den Selbstaufruf der Funktion kennen

Selbstaufrufende Funktion - selbstaufrufende Funktion

Einmalfunktion – direkt deklariert und aufgerufen, zum Beispiel:

(Funktion () {
  console.log("Funktion");

})();

Wir werden sehen, dass der Browser direkt die beiden Wörter "函數" ausgibt

Nachdem die Seite geladen wurde, wird der Code dieser selbstaufrufenden Funktion ausgeführt.

Formular verwenden

(Funktion (Parameter) {
  
})(tatsächlicher Parameter);

Beachten

Beim Aufruf eines Konstruktors von Grund auf muss ein Semikolon hinzugefügt werden

Wie wandeln Sie also eine lokale Variable in eine globale Variable um?

Geben Sie einfach die lokale Variable an window

(Funktion (Gewinn) {
  var num=10;//lokale Variable//js ist eine dynamisch typisierte Sprache, Objekte haben keine Attribute, klicken Sie einfach darauf win.num=num;
})(Fenster);
konsole.log(num);

Die Seite druckt num

Bildbeschreibung hier einfügen

Anwendungsfall 1 - Zuweisen eines Zufallszahlenobjekts zum Fenster

Bildbeschreibung hier einfügen

<!DOCTYPE html>
<html lang="de">
<Kopf>
  <meta charset="UTF-8">
  <title>Titel</title>
  <Skript>

     //Erzeuge ein Zufallszahlenobjekt durch eine selbstaufrufende Funktion. Rufe außerhalb der selbstaufrufenden Funktion die Methode des Zufallszahlenobjekts auf, um eine Zufallszahl zu erzeugen (Funktion (Fenster) {
       //Konstruktorfunktion zum Erzeugen von Zufallszahlen function Random() {
       }
       //Methode zum Prototypobjekt hinzufügen Random.prototype.getRandom = function (min,max) {
         gibt Math.floor(Math.random()*(max-min)+min) zurück;
       };
       //Stelle das Random-Objekt dem Objekt der obersten Ebene zur Verfügung window--->Dieses Objekt kann direkt außerhalb von window.Random=Random verwendet werden;
     })(Fenster);
     //Zufallszahlenobjekt instanziieren var rm=new Random();
     //Methode zum Generieren einer Zufallszahl aufrufen console.log(rm.getRandom(0,5));



    //Globale Variablen</script>
</Kopf>
<Text>


</body>
</html>

Anwendungsfall 2 - Generieren Sie kleine Quadrate an zufälligen Positionen

<!DOCTYPE html>
<html lang="de">
<Kopf>
  <meta charset="UTF-8">
  <Meta>
  <title>Titel</title>
  <Stil>
    .Karte{
      Breite: 800px;
      Höhe: 600px;
      Hintergrundfarbe: #CCC;
      Position: relativ;
    }
  </Stil>
</Kopf>
<Text>
<div Klasse="Karte"></div>
<script src="common.js"></script>
<Skript>
  //Zufallszahlenobjekt generieren (Funktion (Fenster) {
    Funktion Random() {
    }
    Random.prototype.getRandom=Funktion (min,max) {
      gibt Math.floor(Math.random()*(max-min)+min) zurück;
    };
    //Setze das lokale Objekt dem Objekt der obersten Ebene des Fensters aus, und es wird zu einem globalen Objekt window.Random=new Random();
  })(window);//Selbstaufrufende Konstruktormethode, Semikolon muss hinzugefügt werden//Generiere ein kleines quadratisches Objekt (Funktion (window) {
    //console.log(Random.getRandom(0,5));
    //Verwenden Sie die Selector-Methode, um das Elementobjekt abzurufen. var map = document.querySelector(".map");

    //Food-Konstruktor-Funktion Food(Breite,Höhe,Farbe) {
      this.width=width||20;//Standardbreite des kleinen Quadrats this.height=height||20;//Standardhöhe des kleinen Quadrats //Horizontale Koordinate, vertikale Koordinate this.x=0;//Horizontale Koordinate wird zufällig generiert this.y=0;//Vertikale Koordinate wird zufällig generiert this.color=color;//Hintergrundfarbe des kleinen Quadrats this.element=document.createElement("div");//Element des kleinen Quadrats }
    //Anzeigeeffekt und Position des kleinen Quadrats initialisieren --- Anzeige auf der Karte Food.prototype.init=function (map) {
      //Stil des kleinen Quadrats festlegen var div=this.element;
      div.style.position="absolute";//Außerhalb des Dokumentflusses div.style.width=this.width+"px";
      div.style.height=diese.height+"px";
      div.style.backgroundColor=diese.Farbe;
      //Füge der Karte das kleine Quadrat hinzu map.appendChild(div);
      dies.render(Karte);
    };
    //Zufällige Positionen generieren Food.prototype.render = function (map) {
      //Horizontale und vertikale Koordinaten zufällig generieren var x=Random.getRandom(0,map.offsetWidth/this.width)*this.width;
      var y=Random.getRandom(0,map.offsetHeight/diese.Höhe)*diese.Höhe;
      dies.x=x;
      dies.y=y;
      var div = dieses.element;
      div.style.left=dieses.x+"px";
      div.style.top=dies.y+"px";
    };

    //Objekt instanziieren var fd = new Food(20,20,"green");
    fd.init(Karte);
    Konsole.log(fd.x+"===="+fd.y);

    
  })(Fenster);


  // Funktion aktualisieren(){
  // Fenster.Standort.neu laden();
  // }
  // setTimeout(aktualisieren(), 1000);
</Skript>
</body>
</html>

Dies ist das Ende dieses Artikels zum Umwandeln lokaler Variablen in globale Variablen in JavaScript. Weitere Informationen zum Umwandeln lokaler Variablen in globale Variablen in JavaScript finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

Das könnte Sie auch interessieren:

Tiefgreifendes Verständnis variabler JavaScript-Objekte
JavaScript-Variablen und Transformationsdetails
Kennen Sie sich mit Variablentypen und Konvertierungen zwischen Variablen in JavaScript aus?
Kennen Sie die Variablendeklaration in JavaScript?
JavaScript-Grundlagenvariablen
Ein kurzer Vortrag über die Variablenförderung in JavaScript
Detaillierte Erläuterung der Destrukturierungszuweisung von JS ES6-Variablen
Javascript-Anfängerhandbuch zur Zeichenkettenverkettung und Variablenanwendungen
Eine kurze Analyse der Prinzipien und Anwendungsbeispiele der JS-Variablenförderung
Verwendung von Variablen in JavaScript

<<: So installieren Sie MySQL 5.7 unter Ubuntu und konfigurieren den Datenspeicherpfad

>>: Lösen Sie das Problem verstümmelter chinesischer Zeichen, wenn Sie Daten von Tomcat unter Linux in MySQL einfügen