일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
- 우아한테코톡
- next.js
- git
- github
- learn next.js
- ES6+
- Python
- 최적화
- dev
- API
- CSS
- DOM
- 함수
- html5
- AI
- array
- object
- gitCLI
- react
- hooks
- 햇소
- hatso
- JS
- ES5+
- 변수
- es6
- developerlife
- JavaScript
- This
- 선택자
- Today
- Total
목록es6 (11)
codinghatso

펼침 연산자는 변수명 앞에 마침표 3개를 연달아 붙여(...) 표시합니다. 펼침 연산자는 적용한 객체의 개별 속성, 요소를 펼쳐서 각각의 개별 요소, 또는 속성이 순서대로 적용되도록 합니다. 펼침 연산자는 확산 연산자, 또는 스프레드 오퍼레이터, spread syntax 등으로 부릅니다. let calc = function (x, y, ...restparams) { return ( x + y + restparams.reduce(function (sum, param) { return sum + param; }) ); }; let arr11 = [0, 1]; console.log(calc(-1, ...arr11, 2, ...[3])); // 배열로 넘어가는 인자들을 펼쳐 파라메터에 순서대로 적용함. let ..

한 번에 인수를 하나만 받는 함수를 커링(Curring)이라고 하며, 또는 파샬 어플케이션(partial application) 이라고도 합니다. 커링은 복잡한 파라메터를 넘겨서 복잡한 처리를 하는 하나의 자바스크립트 함수를 단순하고 읽기 쉬운 여러 개의 나누어진 부분으로 만드는 기법입니다. 커링은 n개의 파라미터를 n차 뎁스(Depth)를 가진 함수로 분리를 하는 것이다. 장점은 중간 단계까지만 실행한 결과를 변수로 받아 다음 파라미터를 다양하게 확장할 수 있기 때문에 중간 단계에서 여러 개의 인자를 넘겨 다양한 결과를 만들 수 있습니다. //unCurring function orderSet(burger, beverage) { console.log("세트: " + burger + ", " + bever..

파라미터는 함수 정의 시점에 정의하는 변수로 함수가 넘겨받는 값 들을 담기 위한 함수 내부에서 사용하는 변수입니다. 인자는 실제 함수를 호출하는 시점에 함수 호출과 함께 함수로 넘어가는 값(들)입니다. 자바스크립트는 파라미터 개수와 인자 개수가 일치하지 않아도 에러가 발생하지 않습니다. 파라미터 개수보다 인자 개수가 많을 경우 파라미터 개수만큼만 값이 전달됩니다. 추가의 인자 값은 함수 내부의 독특한 객체인 "arguments"를 통해 접근이 가능합니다. 파라미터 개수보다 인자 개수가 적을 경우 남는 파라미터에는 "Undefined"가 전달됩니다. 이런 경우를 위해 기본 파라메터 값을 정해줌으로써 인자 값이 전달되지 않으면, 기본 값이 대신 사용되도록 해 에러 발생 가능성을 현저히 낮출 수 있습니다. 기..