개발새발 민다니

함수 객체의 length 프로퍼티는 함수에 선언한 매개변수의 개수를 나타낸다. function test() {} console.log(test.length); // 0 function fee() {tax, legal} { tax + legal; } console.log(fee.length); // 2 다만 앞서 후술한 arguments 객체의 프로퍼티 값과는 다를 수 있다. arguments 객체의 length 프로퍼티는 인자의 개수를 가리키며 length 프로퍼티는 매개변수의 개수를 가리키기 때문이다. 해당 문서를 읽어보면 알 수 있지만, arguments 객체는 매개변수보다 인자의 개수가 많더라도 저장해주기 때문이다.

일반 객체는 호출이 불가하다. 하지만 함수 객체는 호출이 가능하다. 더불어 함수 객체는 함수 고유의 프로퍼티를 소유한다. 브라우저 콘솔에서 console.dir 메서드를 이용하면 확인할 수 있다. console.dir() - Web APIs | MDN The method console.dir() displays an interactive list of the properties of the specified JavaScript object. The output is presented as a hierarchical listing with disclosure triangles that let you see the contents of child objects. developer.mozilla.org add..

다음의 항목을 만족하는 객체를 일급 객체라 한다. 조건 1 무명의 리터럴로 생성할 수 있다. 런타임 생성이 가능하다는 의미다. 2 변수나 자료구조(객체, 배열 등)에 저장할 수 있다. 3 함수의 매개변수에 전달할 수 있다. 4 함수의 반환값으로 사용할 수 있다. 자바스크립트의 함수는 모두 만족하기 때문에 일급 객체다. // 1. 무명의 리터럴로 생성할 수 있다. // 2. 변수에 저장할 수 있다. const plus = function(a, b) { return a+b; }; const minus = function(a, b) { return a-b; }; // 2. 객체에 저장할 수 있다. const operator = { plus, minus } // 3. 함수의 매개변수에 전달할 수 있다. // 4..

리액트는 jQuery의 단점을 보완하며 SPA가 가능한 라이브러리로 주목받았다. 0. jQuery jQuery는 vanila보다 직관적으로 DOM을 제어할 수 있게 만들어준다. much simpler with an easy-to-use 이 말에 걸맞게 jQuery는 js보다 훨씬 적은 양의 코드로 개발이 가능했다. 자연스레 동적 웹페이지에 관심이 쏠렸을무렵, jQuery는 웹 생태계를 지배하게 됐다. 하지만 이런 jQuery는 적은 코드로만 개발이 가능할만큼 많은 패키지를 로드한다. 자연스레 성능이 떨어질 수 밖에 없으며, 컴포넌트나 모듈화도 사용하지 않아 유지보수가 쉽지 않다는 단점이 있었다. 이 때문에 Virtual DOM이라는 개념이 나오자 react에 왕좌를 물려주게 된다. 물론 여전히 많이 사용..