JavaScript es6 초급 지식 설명

이제 es6를 배워보겠습니다. 현재 인기 있는 언어이지만 모든 브라우저가 E6의 모든 기능과 호환되는 것은 아닙니다.

하지만 여전히 ES6의 구문을 배워야 합니다.

　호환성 때문에 ES6 코드를 ES5 코드로 변환하여 기존 환경에서 실행할 수 있도록 널리 사용되는 ES6 변환기인 Babel에 대해 알아보아야 합니다.

　변수 선언:

　let, const

　let의 범위는 코드 블록이며 이를 정의하는 것은 허용되지 않으며 오류가 보고됩니다. 일단 값이 할당되면 수정이 허용되지 않는 상수입니다. let과 마찬가지로 사전 구문 분석 기능이 없으며 오류를 보고합니다

　const로 선언된 변수에는 값이 있어야 하며 그렇지 않으면 초기 값이 제공되어야 합니다. 오류가 보고됩니다

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

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

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

　

　

　

위 내용은 JavaScript es6 초급 지식 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!