codinghatso

"javascript에서 this는 함수를 호출한 객체이다" 전역에서 this 호출 시 window객체를 가리킨다. function main(){ console.log(this); } main(); //와 window.main()은 같다. //window객체를 가리킨다. 'use strict'를 사용하면 함수를 호출한 객체를 명시하지 않으면 undefined 값을 반환한다. const object = { name: 'hatso', main: function() { console.log(this); }, }; object.main(); //이렇게 하면 main함수를 호출한 object객체를 this가 가리킨다. //만약 const main2 = object.main; //main2(); //이렇게 호출한다..

함수 선언식 function main(){ console.log('hello'); } 호이스팅 O 익명함수 사용 X 매개변수를 명시하지 않아도 arguments 변수로 인자를 할당 O 함수 표현식 const main = function() { console.log('hello'); } main(); 호이스팅 X 익명함수 사용 O 매개변수를 명시 하지 않아도 arguments 변수로 인자를 할당 O 화살표 함수 const main = () => { console.log('hello'); } main(); 화살표 함수는 익명함수 때문에 표현식에 사용됨 매개변수를 명시해야 합니다. arguments 변수로 자동 할당 X const main = (...args) => { console.log(args); } m..

ES6에서 추가된 함수 파라미터를 확장하는 기능입니다. 가변 파라미터를 사용할 수 있도록 해 사실상 함수 파라미터를 무한대로 활용할 수 있습니다. 나머지 파라미터를 사용하면 함수의 파라미터 개수 별로 별도의 함수를 정의할 필요가 없어집니다. 함수 내부에서 가변 파라미터를 처리할 수 있도록 추가 파라미터 배열을 제공하기 때문에 가변 파라미터에 대한 대응도 가능합니다. // 함수 정의 방법 예 // 파라메터를 args 변수(배열)에 담아 함수 내부로 넘김 function restparams(...args) { console.log(args); } restparams(1, 2, 3, 4, 5, 6, 7, 8, 9); 파라미터 개수가 필수 파라미터 개수보다 작은 경우 나머지 파라미터는 빈 배열로 전달되며, 부족..

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