ECMAScript Essence - Default Parameters

ECMAScript Essence - Default Parameters ​ http://ojc.asia/bbs/board.php?bo_table=LecAngular&wr_id=5 ECMAScript Essence - Default Parameters ECMAScript Essence - Default Parameters Default Parameters 자바스크립트에서는 함수 호출은 함수명만으로 연동된다. 함수가 받는 파라미터는 옵션으로써 명시해도 되고 선언하지 않아도 된다. 이에 따라 많은 개발자들이 파라미터를 생략하곤 했었다. 심지어 라이브러리 개발자들도 여기에 포함된다. 문제는 라이브러리 함수를 … ojc.asia ​ Default Parameters 자바스크립트에서는 함수 호출은 함수명만으로 연동된다. 함수가 받는 파라미터는 옵션으로써 명시해도 되고 선언하지 않아도 된다. 이에 따라 많은 개발자들이 파라미터를 생략하곤 했었다. 심지어 라이브러리 개발자들도 여기에 포함된다. ​ 문제는 라이브러리 함수를 이용하는 컨슈머 개발자들의 입장에서는 파라미터의 생략이 불편함을 초래한다는 점이다. 대부분의 개발자들이 IDE 툴을 사용하여 개발을 한다. 그런데 그 동안 IDE 툴들이 자동완성 기능을 제공하지 못했었다. 함수 선언 시 파라미터가 선언되어 있지 않으면 아무리 좋은 IDE 툴이라 하더라도 도움말 및 자동완성 기능을 제공할 수가 없기 때문이다. ​ 따라서 다른 개발자들이 이용하는 라이브러리 함수를 만드는 개발자는 파라미터를 명시하는 것이 좋다라는 결론에 다다르게 된다. 이에 따라서 파라미터를 명시하는 기술인 타입스크립트가 등장하게 되었다. ​ 다음 예제에서 파라미터를 주지 않고 함수를 호출하는 경우 초기값을 설정해서 사용할 수 있는 새로운 문법을 살펴본다. ​ /** * 함수가 파라미터를 못 받는 경우, * 함수가 제대로 동작하기 위해서 * 기본값을 설정할 필요가 있다. */ ​ function add(x, y) { return x + y; } ​ console.log(add()); // NaN : Not a Number ​ /** * || 연산자를 사용하여 받는 파라미터가 없는 경우, * 대신 기본값을 할당하는 방법이다. */ ​ function add2(x, y) { x = x || 0; y = y || 0; return x + y; } ​ console.log(add2()); // 0 ​ /** * 새로 도입된 문법을 사용하면 * 좀 더 깔끔하게 코드를 작성할 수 있다. * 파라미터 자리에 할당 연산자는 * 받는 파라미터가 없는 경우에만 작동한다. */ ​ function add3(x = 0, y = 0) { return x + y; } ​ console.log(add3(10)); // 10 ​ /** * 파라미터 자리에서 간단한 연산처리도 할 수 있다. */ ​ function add4(x = 0, y = 0, z = x + y) { console.log('z =', z); } ​ add4(); // z = 0 add4(1, 2); // z = 3 add4(1, 2, 999); // z = 999