반응형 분류 전체보기71 07 ECMAScript6 - template 7. Template 문자열 처리를 보다 더 효율적으로 처리하기 위한 방법이다. `` (back-tick) 이라는 역따옴표를 사용하여 표현한다. `` 안에 ${exp} 형식의 특별한 표현식을 삽입할 수 있다. 결국, 문자열과 ${exp} 형식의 값을 ``으로 감싸 표현하는 리터럴 값을 ‘template 리터럴’ 이라고 한다. - taged template 다음과 같이 tag를 작성한 template를 의미한다.문법: tag `문자열${exp} 문자열`;tag 위치에 함수명을 지정한다. 함수를 호출하기 전에 template 리터럴에서 문자열과 표현식을 분리하여 파라미터로 넘겨준다. 2018. 4. 3. 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. 이전 1 ··· 8 9 10 11 12 다음 반응형
