Explication des connaissances d'entrée de gamme JavaScript es6

Apprenons maintenant es6. C'est un langage populaire maintenant, mais tous les navigateurs ne sont pas compatibles avec toutes les fonctionnalités d'E6

Mais nous devons quand même apprendre la syntaxe d'ES6.

En raison de la compatibilité, nous devons nous renseigner sur Babel, qui est un convertisseur ES6 largement utilisé qui peut convertir le code ES6 en code ES5 afin qu'il puisse être exécuté dans l'environnement existant.

Déclaration des variables :

let, const

La portée de let est un bloc de code Il ne permet pas d'être bombardé puis défini, et une erreur sera. signalé

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

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

Il n'est pas permis de déclarer des variables à plusieurs reprises et une erreur sera signalée

Const déclare une constante, qui ne peut pas être modifiée une fois assignée, tout comme let , il n'y a pas de fonction de pré-analyse, et une erreur sera signalée

La variable déclarée par const doit avoir une valeur et une valeur initiale doit être renseigné, sinon une erreur sera signalée

　　　　{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>

　

　

　

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!