개발새발 민다니

대부분의 빌트인 함수는 new 연산자와 상관 없이 반응하는 경우도 있다. Object와 Function 생성자 함수의 경우가 그러하다. 이 둘은 new 연산자 없이도 동일하게 동작한다. let obj = new Object(); console.log(obj); obj = Object(); console.log(obj); let func = new Function('a', 'return a + a'); console.log(func); func = Function('a', 'return a + a'); console.log(func); 반면 String, Number, Boolean 생성자 함수는 new 연산자와 함께 호출하면 객체를 반환하지만 new 연산자 없이 호출하면 각각 문자열, 숫자, 불리언 값을..

일반 함수와 생성자 함수를 구분하기위해 생성자 함수는 첫 문자를 대문자로 기술한다. 이런 위험을 방지하는 또 다른 방법으로는 new.target이 있다. 생성자 함수가 new 연산자 없이 호출되는 것을 방지하기 위해 ES6에서는 new.target을 지원한다. 함수 내부에서 new.target을 사용하면 new 연산자와 함께 생성자 함수로 호출되었는지 확인할 수 있다. 생성자 함수로서 호출되었다면 new.target은 함수 자신을 가리킨다. new 연산자 없이 일반 함수로서 호출된 함수 내부의 new.target은 undefined다. // 생성자 함수 function Square(side) { // new 연산자와 호출되지 않는 경우 new.target은 undefined다. if(!new.target..

1. react UI를 만들기 위한 자바스크립트 라이브러리다. Tutorial: Intro to React – React A JavaScript library for building user interfaces reactjs.org React는 선언적이고 효율적이며 유연한 라이브러리다. 컴포넌트를 이용해 조립해나간다는 특징이 있다. 컴포넌트(부품)를 통한 조립으로 복잡한 UI를 구성할 수 있다. 2. 라이브러리 Getting started with React - Learn web development | MDN This brings us to the end of our initial look at React, including how to install it locally, creating a start..

1. 생성자 함수 인스턴스를 생성하는 함수다. * 인스턴스는 생성자 함수를 통해 만들어진 객체를 의미함 일반 함수와 형식 차이가 없는 것이 특징적이다. new 연산자와 함께 호출하면 해당 함수는 생성자 함수로 동작한다. new 연산자를 호출하지 않으면 일반 함수로 동작한다. function Square(side) { this.side = side; this.getArea = function() { return this.side * this.side; }; } const square1 = new Square(3); // 생성자 함수 const square2 = Square(5); // 일반 함수 // 일반 함수의 경우 반환문이 없으므로 암묵적으로 undefined를 반환한다. console.log(squa..