Heim > Web-Frontend > js-Tutorial > js-Parsing-Reihenfolge, Bereich, Strict-Mode-Parsing

js-Parsing-Reihenfolge, Bereich, Strict-Mode-Parsing

一个新手
Freigeben: 2017-10-23 09:10:17
Original
1584 Leute haben es durchsucht

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.


1

2

1 alert(a);

2 var a = 1;

Nach dem Login kopieren

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 verfügen über eine Variablenförderung.

Die Funktion hat auch die Funktion, Variablen zu deklarieren.

2. Parsing-Reihenfolge

1. Finden Sie die Deklarationsvariable, Funktionsdeklaration: Deklarieren Sie nur Variablen, keine Zuweisungen.

2. Ausführen

Hinweis: Wenn Sie das Gleichheitszeichen ausführen, achten Sie zunächst auf die rechte Seite des Gleichheitszeichens.

Hinweis: Wenn die von der Funktion deklarierte Variable denselben Namen hat wie die von var deklarierte Variable, ist das Variablengewicht der Funktion höher als das von var deklarierte.

Mit ein paar weiteren Beispielen unten wird es viel klarer, aber bevor Sie sich die Beispiele ansehen, müssen Sie wissen, was Umfang ist.

2. Geltungsbereich

Geltungsbereich ist: Der Wirkungsbereich ist in die folgenden zwei Typen unterteilt

1. Globaler Geltungsbereich

2. Funktionsrollendomäne

Der Unterschied zwischen ihnen wird im folgenden Beispiel detailliert analysiert.

3. Schauen wir uns ein paar Beispiele an, um die Schritte der Ausführungssequenz zu analysieren

1. Das erste Beispiel:


1

2

3

4

5

6

7

var x = 5;

    a();   

function a(){

        alert(x);       

        var x = 10;

    }

alert(x);

Nach dem Login kopieren

Analyseprozess

1. Nach Deklaration suchen (siehe globalen Geltungsbereich)

var x;

function a(){}

2. Ausführen

 >       1. Suchen Sie nach der Anweisung var step, dann ist das Popup-Ding undefiniert; ist undefiniert 5

2. Das zweite Beispiel

Der Analyseprozess ist derselbe wie im obigen Beispiel

1. Deklaration finden

 Funktion a(){}

 2. Ausführung

 a()----------------- ------>Funktion

     1. Finden Sie die Aussage

var x; popup undefiniert

1

<p style="margin-bottom: 7px;">a() function a(){<br/>    alert(x);    <br/>    var x = 10;<br/> }<br/>alert(x);<br/></p>

Nach dem Login kopieren

     x = 10;

Der Popup-Inhalt des Browsers ist also ein undefinierter Fehler

Ich glaube, dass jeder, der diese beiden Beispiele gelesen hat, dies getan hat Ein klares Verständnis dieses Parsing-Prozesses. Wenn Sie ihn immer noch nicht gut verstehen, wird empfohlen, ihn noch einmal anzusehen.

Im Folgenden werden einige Dinge vorgestellt, die beachtet werden müssen

3. 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. 1. Finden Sie die Anweisung

function a(){}

var a; Funktionskörper)

a = 1;

warning(a); Was hier angezeigt wird, ist 1

Das Endergebnis ist also Funktionsblock 1;

4. Das vierte Beispiel

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.


1

2

3

4

alert(a)function a() {

    alert("函数")

}var a = 1; 

alert(a)

Nach dem Login kopieren

Parsing-Prozess

1. Finden Sie die Anweisung

var a;

function fn() { }

2. Ausführen

a = 5;

fn()-------------------- -------------------> Funktion

1. Deklaration finden

2. Ausführen

                     alert(a); 他这里没有a 所以去找爸爸要。 a = 5; 所以弹窗是 5

  所以最后结果为 弹窗5

  下面看一下爸爸会不会去找儿子要东西


1

2

3

4

5

6

function fn(){   

      var b = 5;

    return b;   

}

fn();

alert(b);

Nach dem Login kopieren

  1.寻找声明

    function fn(){}

  2. 执行

    fn()----------------------------------------> 函数

                      1.寻找声明

                        1.var b;

                      2.执行

                        return b;

  alert(b); //我们看一下返回值是多少 b is not defined 他说b没有被定义,说明父作用域不可以向自作用域去寻找变量。

 5. 第五个例子

  当一个变量无中生有时,不管从哪个作用域出来的,统统归到window下,下面看两个例子


1

2

3

4

fn();

alert(a);  var a = 0;

alert(a);  function fn(){     var a = 1;

}

Nach dem Login kopieren

这一个例子应该可以自己分析了 最后的结果是 undefined 0

我们再来看一下下面这个你会很吃惊


1

2

3

4

5

6

7

fn()

alert(a) 

var a = 0;

alert(a); 

function fn(){

    a = 1;

}

Nach dem Login kopieren

  明明都一样,我吃惊什么 返回值不是还是 undefined 和 0 吗

  但是你有没有发现倒数第二行 上面的声明了 下面的没有声明,来解析一波

  1.寻找变量

    var a;

    function fn(){}

  2.fn()---------------------------->函数

          a = 1; 这个时候就说到了那一点,无中生有的变量,统统归到window下面

  所以下面的执行过程

  alert(a) 这里的弹窗就是 1 了

   a = 0;

 alert(a) 弹出 0

  所以最后的结果是 1 0

四、严格模式

  严格模式下的代码执行时,非常严格

  变量不允许无中生有

  意义:规范代码开发的流畅,逻辑


1

2

"use strict"a = 1;

alert(a);

Nach dem Login kopieren

当我们写后面两句代码的时候不会报错和出现问题,但是当我们加上第一句代码的时候,我们在这样写的时候就会报错了。所以我们还是按照规范的标准来,提高自己的能力

五、可能好多人做了上面的例子感觉不太过瘾,下面我再给出几个例子,可以自己去分析分析,我会在最后面给出答案。

1. 第一个例子  // 10 报错


1

2

3

4

5

var a = 10;

alert(a);

a()function a(){

    alert(20);

}

Nach dem Login kopieren

2.第二个例子 undefined 1 0


1

2

3

4

5

6

7

8

var a = 0;   

function fn(){

        alert(a);       

        var a = 1;

        alert(a);

    }

    fn();

    alert(a);

Nach dem Login kopieren

3.第三个例子 当同样的声明同样的名字重复时,后面写的会覆盖前面写的 //2 1 1 3


1

2

3

4

5

6

7

8

9

10

a()    var a = function(){

       alert(1)

   }

   a();    function a(){

       alert(2);

   }

   a();    var a = function(){

       alert(3);

   }

   a()

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonjs-Parsing-Reihenfolge, Bereich, Strict-Mode-Parsing. 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