Category: ES6

0

이터레이션과 for-of

이터레이션 프로토콜과 for-ofiteration protocol우선 이터러블(iterable)에 대한 개념부터 알아보자. 이터러블은 순회 가능한 자료구조를 뜻한다. Symbol.iterator를 프로퍼티 키로 사용한 메서드를 구현함으로써 순회 가능한 자료구조가 된다. 그럼 어터레이터(iterator)는 무엇일까? 이터러블 메서드는 이터레이터를 반환하는데

0

프로미스

ES6 Promise자바스크립트는 비동기 처리 방법 중 하나로 콜백 함수를 사용하는 데, 가독성 측면에서 좋지 않고 예외 처리가 힘들다. 비동기식 처리 모델은 task를 병렬로 수행하기 때문에 task가 종료되지 않아도 다음 task를 수행한다. 이후 서버로부터 데이터가 응답되면 이벤트가 발생하게 되고 eventHandler가 데이터를 가지고 수행할 tas

0

ES6 Class

Class에 대하여원래 자바스크립트는 프로토타입 기반 객체지향 언어이다. 프로토타입이란? 그래서 프로토타입 체인, 클로저를 이용하여 class없이 상속과 캡슐화 등을 구현할 수 있다. 프로토타입 예제 var Person = (function () { function Person(name) { this._name = name; } Pers

0

객체 리터럴 확장, 상속 그리고 디스트럭처링

객체 리터럴의 확장 프로퍼티 축약 표현 es5의 객체 리터럴을 살펴보자. 객체 리터럴의 프로퍼티는 프로퍼티 이름과 프로퍼티 값으로 구성되어 있다. var x = 1, y = 2 var obj = { x: x, y: y } 이런 식으로 말이다. es6의 경우 프로퍼티 이름을 생략할 수 있다. 이 때의 프로퍼티 이름은 변수명으로 자동 생성된다. let

0

ES6 파라미터를 알아보자.araboza

ES6 파라미터 파라미터 기본값 es5에서는 파라미터 기본값을 설정할 수 없었지만, es6에선 기본값을 설정할 수 있어 함수 내 파라미터 검사를 수행하지 않아도 된다. Rest 파라미터 Rest 파라미는 Spread 연산자를 사용하여 파라미터를 정의한 것이다. 그래서 인수 리스트를 함수 내부에서 배열로 전달받을 수 있다. function foo(...

0

화살표 함수

화살표 함수화살표 함수란 es5의 function키워드 대신 =>를 사용하여 쉽게 함수를 선언하는 것을 말한다. 기본 문법 () => {}는 매개변수가 없을 경우에 사용하는 방법, x => {}는 매개변수가 한 개일 경우, 소괄호를 생략 가능하다. (x,y) => {} 매개변수가 여러개일 경우 소괄호에 묶어 사용한다. 호출 화살

0

템플릿 리터럴

템플릿 리터럴일반 문자열과 비슷해 보이는 템플릿 리터럴이지만 ES6에서는 백틱 문자를 도입했다. const template = `템플릿 리터럴은 백틱안에서 '작은 따옴표', "큰 따옴표"를 사용할 수 있어요.!` console.log(template); 백틱문자는 키보드의 물결표시와 함께 있다. 또한 일반 문자열에서 줄바

0

ES6의 변수와 블록 레벨 스코프

ES6의 변수 선언과 블록 레벨 스코프요즘 핫한 JS 관련 문법은 Typescript이다. 타입 선언이 가능할 뿐만 아니라 js의 모든 문법을 사용할 수도 있고, 제네릭 등의 기타 편리한 요소가 추가되었다. 이를 익히기 위해선 기본적으로 ES6에 대한 지식이 필요하다. 그래서 오늘부터 며칠간 ES6의 기본 문법에 대해 알아보고자 한다. let, conste