반응형 ECMAScript613 06 ECMAScript6 - Object 1 (key, for in, for of, isNaN, isInteger) 6. Object ES6에서 객체(object)관련하여 추가된 기능들을 정리해본다. (1) 객체의 key값 이름을 문자열과 변수 조합으로 설정 가능하다. (2) 람다함수(arrow)와 디스트럭칭(destructuring)을 혼합하여 사용할 수 있다. (3) for ~ in 반복문array 안에 있는 index 값을 뽑아서 반복시킨다. 처음부터 끝까지 순차적으로 진행한다. (4) for ~ of 반복문반복할 수 있는 대상은 반드시 iterable 객체만 가능하고 실제값을 반환한다.쉽게 말하면 array 안에 있는 value 값을 뽑아서 반복시킨다. 처음부터 끝까지 순차적으로 진행한다. 위와 같이 json 형태의 객체에서는 for of를 사용할 수 없다. (5) Number.isNaN()값이 NaN(Not .. 2018. 4. 3. 05 ECMAScript6 - 디스트럭처링 (De-structuring) 5. 디스트럭처링 ( destructuring ) 디스트럭처링은 객체의 구조를 해체하는 것을 의미한다.배열이나 객체의 데이터를 해체하여 다른 변수로 추출할 수 있다.이러한 이유 때문에 ‘분할 할당’이라고도 한다. 기본 사용법은 위와 같다.여러 변수를 한번에 할당할 수도 있고, 초기값을 설정할 수도 있다.rest 파라미터와 혼합하여 사용할 수 도 있다. 위와 같이 스위칭 용도로 사용할 수도 있다. 2018. 4. 2. 04 ECMAScript6 - function 2 (람다 함수, arrow 함수, generator) (4) 람다 함수 (arrow 함수)람다 함수는 일반적인 함수 표현식을 function키워드 없이 => 이용하여 표현한 방법이다. 위와 같이 사용할 수 있다.function과는 약간 다른 점도 있는데 arrow 함수를 사용할 시 주의할 점은 다음과 같다. 위와 같이 this를 사용할 수 없으므로 이때는 fuction()을 사용해야한다. (5) generator 함수generator 함수는 다음과 같은 표현식을 사용하여 선언한 함수를 의미한다.generator 함수를 호출하면 generator 객체를 생성하여 반환한다. 일반적으로 함수를 호출하면 {}이 실행되지만, generator 함수는 {}을 실행하지 않고 generator 객체를 생성하여 반환한다. 기본적으로 위와 같이 사용한다.generator 함.. 2018. 4. 2. 04 ECMAScript6 - function 1 (default, rest, spread) 4. function1 ES6에서 제공하는 함수의 기능 및 특징을 알아보자. (1) default 파라미터ES6에서 함수는 전달된 값이 없거나 정의되지 않은 경우 매개 변수를 기본값으로 초기화 할 수 있다. 위와 같이 사용하며, undefined를 방지한다. (2) rest 파라미터자바의 가변 인자와 동일한 기능을 한다. ‘spread 연산자’ 라고 하는 ‘…변수명’ 이용한다. - 내부적으로 배열(Array)로 처리한다. - 따라서 Array객체에서 제공하는 메서드를 사용할 수 있다. - rest 파라미터는 항상 마지막에 사용해야하며, 그렇지 않으면 에러가 발생한다. (3) spread 연산자위의 rest 파라미터에서 보듯이 ‘…변수’ 형식이다.사용 용도 2가지이다.- 함수의 파라미터- 값 (배열 및 객.. 2018. 4. 2. 03 ESMAScript6 - let & const 3. let & const (1) letvar 키워드의 문제점 해결 목적으로 등장했다.let의 특징은 다음과 같다.- let 키워드를 사용하면 var와 다르게 함수 스코프가 아닌 블록 스코프를 따른다.- let 변수는 호이스팅(hoisting)되지 않는다.- 변수의 중복 사용이 불가능하다. 비교해주기 위해 var의 특징부터 알아보자.var의 특징은 다음과 같다. - 호이스팅이 가능하다. undefined로 나오긴 했지만 선언이 아래에 있어도 에러가 나지 않는다.- var는 함수 scope이기 때문에 for, if 등에서 선언된 변수가 밖에서 사용이 가능하다.- 동일한 변수명으로 다시 선언을 해도 정상 동작한다. 이처럼 var는 다른 언어에 비해 자유도가 높다.이런 특징이 장점도 있지만 개발자가 의도하지 .. 2018. 4. 2. 02 ECMAScript6 - strict 모드 2. strict 모드 ECMAScript 5에서 추가된 기능으로서, 느슨한 Javascript에 강력한 제약조건을 설정할 수 있다. 대표적으로 변수 선언시 반드시 var 사용해야 된다. 기존에는 var를 사용하지 않더라도 에러가 나지 않고 알아서 처리해줬지만 "use strict"를 사용하면 변수 선언을 해주지 않았기 때문에 에러가 발생한다. 해당 모드는 블록 scope 기준을 따른다. 선언된 위치에 따라 적용되는 범위가 다르다. 2018. 4. 2. 이전 1 2 3 다음 반응형
