1. Die Analysereihenfolge von Javascript
Wir alle verstehen, dass die Ausführungsreihenfolge des Codes von oben nach unten erfolgt, aber tatsächlich ist dies nicht der Fall. Schauen wir uns den folgenden Code an.
alert(a); var a = 1;
Wenn die Ausführungsreihenfolge von oben nach unten ist und ein a darauf erscheint, geht der Browser davon aus, dass die Ausführung von oben nach unten erfolgt Wenn er alarmiert (a), wird er feststellen, dass es so etwas nicht gibt, dann wird er einen Fehler melden, aber tatsächlich ist das angezeigte Ergebnis undefiniert. Der Rückgabewert ist undefiniert, was darauf hinweist, dass a nicht definiert ist, dh ihm kein Wert zugewiesen ist. Lassen Sie mich nun die Analysereihenfolge von Javascript erklären.
1. Die deklarativen Schlüsselwörter in ES5
var haben eine variable Heraufstufung
Funktion hat auch die Funktion, Variablen zu deklarieren.
2. Parsing-Reihenfolge
1. Finden Sie die Deklarationsvariable, Funktionsdeklaration: Deklarieren Sie nur Variablen, ohne Zuweisungen.
2. Ausführen
Hinweis: Wenn Sie das Gleichheitszeichen ausführen, achten Sie zuerst auf die rechte Seite.
Hinweis: Wenn eine von der Funktion deklarierte Variable denselben Namen hat wie eine von var deklarierte Variable, ist das Variablengewicht der Funktion höher als das von var deklarierte.
Ein paar weitere Beispiele werden es viel klarer machen, aber bevor Sie sich die Beispiele ansehen, müssen Sie wissen, was Umfang ist.
2. Geltungsbereich
Der Geltungsbereich ist in die folgenden zwei Typen unterteilt
1
2. Funktionsumfang
Der Unterschied zwischen den beiden wird im folgenden Beispiel detailliert analysiert.
3. Schauen wir uns ein paar Beispiele an, um die Schritte der Ausführungssequenz zu analysieren
1 >
var x = 5;
a();
function a(){
alert(x);
var x = 10;
}
alert(x);var x;
function a(){}x = 5;
a() -------------> ; Wiederholen Sie während der Ausführung dieser Funktion die beiden oben genannten Schritte
1, suchen Sie nach der Anweisung var x (Funktionsbereich)
alert(x ) ; Dieses x existiert im Funktionsumfang und der Zuweisungsschritt wurde noch nicht ausgeführt, daher ist das Popup undefiniert;
x = 10;
alert(x) Der Pop -up-Fenster hier Es ist die globale Variable 5; der Inhalt des Browser-Popup-Fensters ist also undefiniert 5
Das zweite Beispiel
Der Parsing-Prozess wird wie im obigen Beispiel analysiert
1. Finden Sie die Anweisung
a()
function a(){
alert(x);
var x = 10;
}
alert(x);2. Führen Sie
a()- ------------------------->Funktion
1 aus Anweisung
var x;
2. Führen Sie
alert(x) aus und öffnen Sie undefiniert
x = 10; (x); Das x sucht hier nach x aus dem globalen, aber es wird festgestellt, dass es kein x gibt, sodass der Browser einen Fehler meldet. x ist nicht definiert. Wenn Sie immer noch wissen Wenn Sie es nicht verstehen, wird empfohlen, es noch einmal zu lesen.
Im Folgenden werden einige Dinge vorgestellt, die beachtet werden müssen
Das dritte Beispiel
Wie bereits erwähnt, wenn die Variablen durch Funktion und deklariert werden Die von var deklarierten Variablen überlappen sich. Wenn sie benannt werden, ist das Variablengewicht der Funktion höher als das von var deklarierte. Nehmen wir ein Beispiel, um den Parsing-Prozess zu beweisen. {}
var a;
2. Ausführen
alert (a) Wie bereits erwähnt, hat die Funktionsdeklaration ein höheres Gewicht als die var-Deklaration ausgeführt, dies wird angezeigt Funktionsblock (Funktionskörper)
a = 1;
alert(a); Was hier angezeigt wird, ist 1
Das Endergebnis ist also Funktionsblock 1;
Der untergeordnete Bereich kann nach Variablen aus dem übergeordneten Bereich suchen, bis er den globalen Bereich erreicht, aber nicht umgekehrt. Wenn der untergeordnete Bereich dieselbe Variable hat, verwendet er seine eigene und fragt seinen Vater nicht danach.
alert(a)
function a() {
alert("函数")
}
var a = 1;
alert(a)
Mal sehen, ob der Vater zu seinem Sohn geht und ihn um etwas bittet
var a = 5;
function fn() {
alert(a)
}
fn()function fn(){
var b = 5;
return b;
}
fn();
alert(b);Sie sollten dieses Beispiel selbst analysieren können. Das Endergebnis ist undefiniert 0
Werfen wir einen Blick auf das Folgende und Sie werden überrascht sein
fn()
alert(a)
var a = 0;
alert(a);
function fn(){
a = 1;
}明明都一样，我吃惊什么 返回值不是还是 undefined 和 0 吗
但是你有没有发现倒数第二行 上面的声明了 下面的没有声明，来解析一波
1.寻找变量
var a;
function fn(){}
2.fn()---------------------------->函数
a = 1; 这个时候就说到了那一点，无中生有的变量，统统归到window下面
所以下面的执行过程
alert(a) 这里的弹窗就是 1 了
a = 0;
alert(a) 弹出 0
所以最后的结果是 1 0
四、严格模式
严格模式下的代码执行时，非常严格
变量不允许无中生有
意义：规范代码开发的流畅，逻辑
"use strict" a = 1； alert(a);
当我们写后面两句代码的时候不会报错和出现问题，但是当我们加上第一句代码的时候，我们在这样写的时候就会报错了。所以我们还是按照规范的标准来,提高自己的能力
五、可能好多人做了上面的例子感觉不太过瘾，下面我再给出几个例子，可以自己去分析分析，我会在最后面给出答案。
1. 第一个例子 // 10 报错
var a = 10;
alert(a);
a()
function a(){
alert(20);
}2.第二个例子 undefined 1 0
var a = 0;
function fn(){
alert(a);
var a = 1;
alert(a);
}
fn();
alert(a);3.第三个例子 当同样的声明同样的名字重复时，后面写的会覆盖前面写的 //2 1 1 3
a()
var a = function(){
alert(1)
}
a();
function a(){
alert(2);
}
a();
var a = function(){
alert(3);
}
a()如果你看到我的文章可以收获一些知识，那么我会非常高兴的。
Das obige ist der detaillierte Inhalt vonEine kurze Einführung in die Analysereihenfolge und den Umfang von JS und im strikten Modus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
