Heim > Web-Frontend > js-Tutorial > Eine Interviewfrage zu den Fähigkeiten der JavaScript-Variablen „scope_javascript'.

Eine Interviewfrage zu den Fähigkeiten der JavaScript-Variablen „scope_javascript'.

WBOY
Freigeben: 2016-05-16 15:11:29
Original
2079 Leute haben es durchsucht

Der Herausgeber ist der Meinung, dass diese Frage sehr hilfreich für das Verständnis des JavaScript-Bereichs ist. Daher habe ich meine eigenen Ideen zur Problemlösung noch einmal sortiert und hoffe, dass sie für andere hilfreich sind.

Erster Blick auf die Interviewfragen:

var arr = [1, 2, 3];
  for (var i = 0, j; j = arr[i++];) {
    console.log(j);
  }

  console.log('---------');
  console.log(i);
  console.log('---------');
  console.log(j);
  console.log('---------');

Nach dem Login kopieren

Bevor wir das Problem lösen, überprüfen wir zunächst das Wissen über variable Felder in JavaScript.

Globale Variablen (Global)
Globale Variablen beziehen sich auf Variablen, auf die überall zugegriffen werden kann. Es gibt zwei Situationen

Deklarierte externe Funktion, unabhängig davon, ob das Schlüsselwort var verwendet wird oder nicht
Deklarieren Sie es in der Funktion, ohne das Schlüsselwort var zu verwenden. Natürlich muss die deklarierte Anweisung ausgeführt werden
Lokale Variable (Lokal)
Auf lokale Variablen kann nur innerhalb der deklarierten Funktion zugegriffen werden
Innerhalb der Funktion deklariert, verwenden Sie das Schlüsselwort var
Zwei Punkte, die es zu beachten gilt

Schauen Sie sich zuerst den Code an:

alert(i); // 输出 undefined
 
 for (var i = 0; i < 1; i++){};
 
 alert(i); // 输出1
Nach dem Login kopieren

JavaScript hat keinen Anweisungsbereich. Innerhalb der Anweisung definierte Variablen werden außerhalb der Anweisung verteilt. Im Beispiel wird i in der for-Anweisung deklariert, aber es kann weiterhin außerhalb der for-Anweisung darauf zugegriffen werden Auf mich kann vor der for-Anweisung zugegriffen werden, sie wurde jedoch noch nicht zugewiesen
Beginnen wir mit der Problemlösung

i++ wird hinzugefügt, nachdem i verwendet wurde:

Bei der ersten Ausführung ist j=arr[0], dann i=1, console.log(j) gibt 1 aus

Bei der zweiten Ausführung, j=arr[1], dann i=2, gibt ocnsole.log(j) 2 aus

Bei der dritten Ausführung, j=arr[2], dann i=3, gibt ocnsole.log(j) 3 aus

Beim vierten Mal (erfüllt die for-Bedingung nicht) ist j=arr[3] undefiniert, dann ist i=4, ocnsole.log(j) hat keine Ausgabe und verlässt die for-Schleife

Nachdem die for-Anweisung ausgeführt wurde, gibt console.log(i) 4 aus der obigen Analyse aus und console.log(j) gibt undefiniert aus

Das endgültige Ausgabeergebnis ist:


2
---------
---------
undefined
---------
Nach dem Login kopieren
Jeder muss die obige Analyse und die Ergebnisse verstanden haben, dann können wir beginnen, Schlussfolgerungen zu ziehen.

Eine Frage ausleihen und die Frage eins ändern
Titel:
var arr = [1, 2, 3];

  for (var i = 0, j; j = arr[++i];) {
    console.log(j);
  }

  console.log('---------');
  console.log(i);
  console.log('---------');
  console.log(j);
  console.log('---------');

Nach dem Login kopieren
Antwort:


2
3
---------
3
---------
undefined
---------
Nach dem Login kopieren

Entliehene Frage und überarbeitete Frage 2
Titel:

function xxx() {
    var arr = [1, 2, 3];
    for (var i = 0, j; j = arr[i++];) {
      console.log(j);
    }
  }
  xxx();

  console.log('---------');
  console.log(i);
  console.log('---------');
  console.log(j);
  console.log('---------');

Nach dem Login kopieren
Antwort:

1
2
3
---------
报错:Uncaught ReferenceError: i is not defined
Nach dem Login kopieren
Ich teile dies mit Ihnen und hoffe, dass es Ihnen hilft, den JavaScript-Bereich zu verstehen.

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