Frontend/JavaScript ES6

Frontend/JavaScript ES6

JavaScriptES6 #. 심볼(Symbol)

1. 심볼(Symbol) 이란? 자바스크립트는 6개의 타입을 가지고 있다. 원시 타입 Boolean null undefined Number String 객체 타입(Object Type) Object 심볼(symbol)은 ES6에서 새롭게 추가된 7번째 타입으로 변경 불가능한 원시 타입의 값이다. 심볼은 주로 이름의 충돌 위험이 없는 유일한 객체의 프로퍼티 키(property key)를 만들기 위해 사용한다. 2. Symbol의 생성 Symbol은 Symbol() 함수로 생성한다. Symbol() 함수는 호출될 때마다 Symbol 값을 생성한다. 이때 생성된 Symbol은 객체가 아니라 변경 불가능한 원시 타입의 값이다. let mySym = Symbol(); console.log(mySym); conso..

Frontend/JavaScript ES6

JavaScriptES6 #. 템플릿 리터럴

템플릿 리터럴(Template literal) ES6는 템플릿 리터럴(Template literal)이라고 불리는 새로운 문자열 표기법을 도입하였다. 템플릿 리터럴은 일반 문자열과 비슷해 보이지만, ‘ 또는 “ 같은 통상적인 따옴표 문자 대신 백틱(backtick) 문자 `를 사용한다. const template = `템플릿 리터럴`; console.log(template); ES6 템플릿 리터럴은 일반적인 문자열과 달리 여러 줄에 걸쳐 문자열을 작성할 수 있으며 템플릿 리터럴 내의 모든 white-space는 있는 그대로 적용된다. const template = ` Home News Contact About `; console.log(template); 템플릿 리터럴은 + 연산자를 사용하지 않아도 간단..

Frontend/JavaScript ES6

JavaScript ES6 #. Rest, Spread

1. Rest 파라미터 1.1 기본 문법 Rest 파라미터(Rest Parameter, 나머지 매개변수)는 매개변수 이름 앞에 세개의 점 ... 을 붙여서 정의한 매개변수를 의미한다. Rest 파라미터는 함수에 전달된 인수들의 목록을 배열로 전달받는다. 함수에 전달된 인수들은 순차적으로 파라미터와 Rest 파라미터에 할당된다. 그러나, Rest 파라미터는 이름 그대로 먼저 선언된 파라미터에 할당된 인수를 제외한 나머지 인수들이 모두 배열에 담겨 할당된다. 따라서 Rest 파라미터는 반드시 마지막 파라미터이어야 한다. function test_function(num1, ...rest) { console.log(num1); // 1 console.log(rest); // [2, 3, 4, 5] } test_..

Frontend/JavaScript ES6

JavaScript ES6 #. 화살표 함수

1. 화살표 함수의 선언 화살표 함수(Arrow function)는 function 키워드 대신 화살표(=>)를 사용하여 보다 간략한 방법을로 함수를 선언할 수 있다. // 매개변수 지정 방법 () => { ... } // 매개변수가 없을 경우 x => { ... } // 매개변수가 한 개인 경우, 소괄호를 생략할 수 있다. (x, y) => { ... } // 매개변수가 여러 개인 경우, 소괄호를 생략할 수 없다. // 함수 몸체 지정 방법 x => { return x * x } // single line block x => x * x // 함수 몸체가 한줄의 구문이라면 중괄호를 생략할 수 있으며 암묵적으로 return된다. 위 표현과 동일하다. () => { return { a: 1 }; } () =..

SeongJun Han
'Frontend/JavaScript ES6' 카테고리의 글 목록