Fall in IT.

ES6 기본 맛보기 본문

기타

ES6 기본 맛보기

D.Y 2017. 1. 12. 21:27

안녕하세요.


오늘은 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;

}



모두 즐거운 코딩하세요~


'기타' 카테고리의 다른 글

애플 앱스토어에 앱 등록 방법  (1) 2017.01.23
애플 앱스토어 개발자 등록 방법  (12) 2017.01.23
Git 기초 명령어  (0) 2016.12.23
자바 입출력(I/O )에 대하여  (0) 2016.11.09
html에서 label 태그 사용하는 방법  (4) 2016.11.02
Comments