Erklärung des JavaScript es6-Einstiegswissens

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

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)

<span style="font-size: 16px">　　必须给初始值，不然会报错<br><br>　　for of可以循环数组，但是会出问题，循环不了json<br><br>　　name指的是一组  键和值  出来之后是数组<br>　　还有一种新的数据类型：</span><span style="font-size: 16px">Symbol()<br>　　函数箭头：<br>　　　　</span>

  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);
        }

<span style="font-size: 16px">最后解构赋值：<br></span>

//模式匹配&解构赋值  json 同理var {a=12,b,c}={b:1,c:2};
        console.log(a,b,c)

<br>

<br><br>

　

　

　

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!