ES6 송출, CONST 소개 및 응용 프로그램

의 기능을 보자 :

1} {에서 로컬 범위가이고;

2, 아니 변수 리프트;

CONST 기능 :

1, 변수는 정의 만 한 후이 변수를 사용할 수 있습니다 문제를 향상시키기 위해 존재하지 않는다;

2 상수 CONST 정의가 재 할당 될 수 없다;

시간 상수를 정의 할 때 3, 당신은 그렇지 않으면 오류가 발생하지, 초기화를 정의해야합니다;

도 4는 일정한 CONST 블록 레벨 범위가 정의된다.

코드 표시

위한 (I = 0을 보자; I <5; 내가 ++) {
  CONST의 A = "안녕하세요";
  CONSOLE.LOG (a);
}
CONSOLE.LOG (a);

산출

하자 응용 프로그램

우리가이 버튼을 클릭하면 세 번 출력은 : "나는 처음 세 개의 버튼했다"

< 본문 > 
    < 입력 타입 = "버튼" = "按钮1" > 
    < 입력 타입 = "버튼" = "按钮2" > 
    < 입력 타입 = "버튼" = "按钮3" > 
    < 스크립트 타입 = " 텍스트 / 자바 스크립트 " > 
        var에 btns = document.getElementsByTagName ( " 입력 " );
        ( VAR의 I =  0 ; I는 <  3 ; 나는 ++ ) {
            btns [I] .onclick =  함수 () { 
                CONSOLE.LOG ( " I가 처음 "  + (I ) +  " 버튼 " ); 
            }; 
        } 
    </ 스크립트 > 
</ 바디 >

ES6 솔루션 : 사용은 변수 I를 선언하자

< 본문 > 
    < 입력 타입 = "버튼" = "按钮1" > 
    < 입력 타입 = "버튼" = "按钮2" > 
    < 입력 타입 = "버튼" = "按钮3" > 
    < 스크립트 타입 = " 텍스트 / 자바 스크립트 " > 
        var에 btns = document.getElementsByTagName ( " 입력 " );
        대해 (ⅰ에게하자 =  0 ; i가 <  3 ; =  함수 () { 
                CONSOLE.LOG ( " I가 처음 "  + (I) +  " 버튼 " ); 
            }; 
        } 
    </ 스크립트 > 
</ 바디 >

산출

 

추천

출처www.cnblogs.com/haohao-a/p/10945618.html