ES6 기본 맛보기

안녕하세요.

오늘은 ES6에서 기본적인 것들 몇가지에 대해서 알아보겠습니다.

ES6 기초 문법

• let 키워드를 사용한 블록 스코프 변수 생성
• const 키워드를 사용한 상수 선언
• 펼침 연산자와 나머지 파라미터
• 화살표 함수

let 키워드 사용법 

ex ) var 사용시

function test() {

if(true) {

var b = 20;

}

console.log(b);

}

test();

실행 결과 : 20

ex ) let 사용시

function test() {

if(true) {

let b = 20;

}

console.log(b);

}

test();

실행 결과 : b is not defined 
(ES6 표준인 let 키워드를 사용하길 권장하지만, 현재(글을 작성하는 시점)에는 var보다 퍼포먼스가 떨어질 수 있습니다.)

const 키워드 사용법

• 읽기 전용 변수를 선언할 때 사용합니다.
• let과 동일하게 블록스코프 변수 입니다.

ex)
const pi = 3.141;

pi = 4.123;  // error 발생

파라미터 기본값 할당 방법

function test(x = 1, y = 2) {

console.log(x,y)

}

test();

실행결과 : 1,2

펼침 연산자 사용방법

• 이터러블 객체를 개별 값으로 나누는 연산을 말합니다.

ex)

function test(a,b) {

return a + b;

}

let data = [1, 2];

let result = test(...data);

console.log(result);

실행결과 : 3

배열 합치는 방법

ex) 

let array01 = [1,2,3];

let array02 = [11,12,13,...array01,14,15];

배열 끝에 다른 배열 합치는 방법

array01.push(array02);

나머지 파라미터

• 개수가 가변적인 파라미터가 들어갈 경우 사용합니다.

ex)

function test(...args) {

console.log(args);

}

test(1,2,3,4,5,6,7);

실행결과 : [1,2,3,4,5,6,7]

배열 해체 하는 방법

ex)

let array01 = [1,2,3];

let [a,b,c] = array01; (let a = 1, let b = 2, let c = 3 과 같다.)

ex2)

let [a, ,c] = array01; (let a = 1, let c = 3과 같다.)

화살표 함수 사용법

• 보다 간결한 구문을 만들기 위해 사용됩니다.

ex) 기존

var test = function(a, b) {

return a+b;

}

es6

let test = (a,b) => {

return a+b;

}

모두 즐거운 코딩하세요~