ES6 기초 문법 세가지
1. const
const NUM = 100;
console.log(NUM); /* 100 */
NUM = 1; /* Assignment to constant variable. ( 상수 변수라 값을 할당할 수 없다.) */
console.log(NUM); /* 100 */
하지만 참조형으로 사용한다면 값변경이 가능합니다.
원시형 변수에서만 상수형으로 동작하고 array, object등에선 값변경이 가능해집니다.
2. let
console.log(num); /* undefined */
var num;
console.log(num); /* num is not defined */
let num;
3. Template literals ``(백틱)
세번째로 백틱 ``입니다.
기존에 자바스크립트에서는 문자열을 표시할때 ' 혹은 ''을 사용했습니다.
ES6에서는 ``이 추가되어 아주 편리해 젔습니다.
var content = '';
content = '<tr>'; content += '<td>' + realdate + '</td>'; content += '<td>' + price + '</td>'; content += '<td>' + pri_ch + '</td>'; content += '<td>' + pri_chp + '</td>';
기존에 이런식으로 여러줄로 표현되거나 한줄에 우겨넣으면 아주 복잡했던 코드를 간단하게
let content = '';
content = `<tr>
<td> ${realdate} </td>
<td> ${price} </td>
<td> ${pri_ch} </td>
<td> ${pri_chp} </td>`;
`` 하나로 표현할수 있다. 변수는 ${}안에 넣어주면 됩니다.
이상으로 ES6문법 세가지를 알아봤습니다.
추가적으로 어느 블로그를 보니 var와 let 을 브라우저 종류별로 테스트 한 글을 읽었는데
얼마전까지는 var가 let보다 압도적으로 빨랐지만 현재는 비슷한 수준까지 올라왔다고 한다.
하지만 섞어쓰는것은 제일느리고 var든 let이든 한가지를 골라서 쓰는게 가장 효율적이라고 한다.
'IT > JAVASCRIPT' 카테고리의 다른 글
ES6 문법 배워보기 (파라미터 기본값, Rest 파라미터, Spread 연산자) (0) | 2019.02.15 |
---|---|
ES6 문법 배워보기 (Arrow function 화살표 함수) (0) | 2019.02.09 |
[javascript] 자바스크립트 전역 객체 (Global Object) (0) | 2019.02.05 |
querySelector(), querySelectorAll() 자바스크립트 요소접근,선택 (0) | 2019.01.28 |
자바스크립트 시계 만들기(현재 시간 가져오기 getDate) (0) | 2019.01.24 |