반응형 ES614 06 ECMAScript6 - Object 2 (method, function 제거, includes, startsWith, endsWith, repeat) (7) 메서드 선언 방식 변경ES5에서 사용했던 메서드명:function(){} 형식에서 :function이 제거된 형태로 사용할 수 있다. ECMAScript5 형식 ECMAScript6 형식 ES6에서는 get 과 set 키워드를 사용하여 메서드 사용시 가독성 향상 가능 (8) includes 대상 문자열에 지정된 문자열 존재 여부 판별한다.첫번째 인자에는 찾을 문자열 지정하고, 두번째 인자에는 시작 인덱스값(옵션)을 지정한다. (9) startsWith, endsWith- startsWith : 대상 문자열이 지정된 문자열로 시작 여부 판별, 두 번째 인자는 시작 index- endsWith : 대상 문자열이 지정된 문자열로 끝나는지 여부 판별, 두 번째 인자는 길이 (10) repeat대상 문자열.. 2018. 4. 3. 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. 이전 1 2 3 다음 반응형
