Erklärung des JavaScript es6-Einstiegswissens

巴扎黑
Freigeben: 2017-07-22 17:51:18
Original
1731 Leute haben es durchsucht

Jetzt lernen wir es6. Es ist mittlerweile eine beliebte Sprache, aber nicht alle Browser sind mit allen Funktionen von E6 kompatibel.

Aber wir sollten trotzdem die Syntax von ES6 lernen.

Aus Kompatibilitätsgründen müssen wir etwas über Babel lernen, einen weit verbreiteten ES6-Konverter, der ES6-Code in ES5-Code konvertieren kann, damit er in der vorhandenen Umgebung ausgeführt werden kann.

Deklaration von Variablen:

let, const

Der Umfang von let ist ein Codeblock, der nicht bombardiert und dann definiert werden kann, und es wird ein Fehler auftreten gemeldet

{
    let a=12;
    alert(a) //let的作用域是代码块  a=12}
    alert(a); //因为let的作用域是代码块 a=undefinedalert(a);  //undefinedvar a=12;

        alert(a);//let不允许先弹再定义  会报错let a=12
Nach dem Login kopieren

Es ist nicht erlaubt, Variablen wiederholt zu deklarieren und es wird ein Fehler gemeldet

Const deklariert eine Konstante, die nach der Zuweisung nicht mehr geändert werden darf, genau wie let , es gibt keine Voranalysefunktion und es wird ein Fehler gemeldet

Die von const deklarierte Variable muss einen Wert und einen Anfangswert haben muss angegeben werden, sonst wird ein Fehler gemeldet

    {const a=12;
            console.log(a)
        }
        alert(a)
Nach dem Login kopieren

<span style="font-size: 16px">  必须给初始值,不然会报错<br><br>  for of可以循环数组,但是会出问题,循环不了json<br><br>  name指的是一组  键和值  出来之后是数组<br>  还有一种新的数据类型:</span><span style="font-size: 16px">Symbol()<br>  函数箭头:<br>    </span>
Nach dem Login kopieren
  window.onload=()=>{var oDiv=document.getElementById("div");//                oDiv.onclick=()=>{//                    alert(this);//箭头函数中this指向是window//                    oDiv.style.background="red";//                }let show=()=>{
                oDiv.style.background="blue";
            }
            oDiv.onclick=show;
            let move=(obj="obj必须传递",{}={},options)=>{
                console.log(obj);
            };
            move(1);
        }
Nach dem Login kopieren

<span style="font-size: 16px">最后解构赋值:<br></span>
Nach dem Login kopieren
//模式匹配&解构赋值  json 同理var {a=12,b,c}={b:1,c:2};
        console.log(a,b,c)
Nach dem Login kopieren
<br>
Nach dem Login kopieren

<br><br>
Nach dem Login kopieren

 

 

 

Das obige ist der detaillierte Inhalt vonErklärung des JavaScript es6-Einstiegswissens. 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