[JavaScript/React] 프로토타입

🥕 Prototype

자바스크립트는 프로토타입기반의 객체지향언어입니다.

클래스 기반 객체지향 프로그래밍 언어는 객체 생성 이전에 클래스를 정의하고 이를 통해 객체(인스턴스)를 생성합니다. 하지만 프로토타입 기반 객체지향 프로그래밍 언어는 클래스 없이도 객체를 생성할 수 있습니다.

객체의 생성

객체를 생성하는 방법은 2가지가 있습니다.

var object1 = { }; // 리터럴 이용

var object2 = new Object(); // 생성자 이용

프로토타입 객체

생성자 함수 정의

function Person(first, last, age, gender, interests) {
  // 속성과 메소드 정의
  this.first = first;
  this.last = last;
  //...
}

인스턴스 생성

var person1 = new Person("Bob", "Smith", 32, "male", ["music", "skiing"]);

Javascript 콘솔에서 "person1."을 치게 되면 브라우저는 아래처럼 해당 객체의 멤버 이름을 자동 완성 팝업으로 보여줄 것입니다: