[JS]Prototype(프로토타입)

김그묠·2022년 2월 3일
0

JavaScript

목록 보기
16/16
post-thumbnail

*참고 | https://developer.mozilla.org/ko/docs/Learn/JavaScript/Objects/Object_prototypes

프로토타입이란?

어떠한 객체를 만들기 위해 객체의 모태가 되는 원형이다.

자바스크립트는 프로토타입을 이용한 복사(cloning)를 통해 새로운 객체를 생성한다.

생성자에서 속성정의 ->메소드 정의 -> 객체 생성(인스턴스 생성)

//생성자 함수 정의
function Person(first, last, age){
  //속성과 메소드 정의
  this.first = first; 
  this.last = last;
  this.age = age;

생성자 속성에 정의되어 있는 값들은 this를 통해 접근할 수 있다

//메소드 정의
Person.prototype.isAdult = function(){
  	return this.age>19;
}

변수에 함수를 등록하여 새로운 함수를 추가시켜 주고 isAdult로 성인인지 아닌지 판단하는 메서드를 추가했다

//객체 생성
let person1 = new Person("Bob", "Smith", 14);
let person2 = new Person("Watson", "John", 21);
let person3 = new Person("Jenner", "Jane", 43);

console.log(person1); //Person { first: 'Bob', last: 'Smith', age: 14 }
console.log(person2); //Person { first: 'Watson', last: 'John', age: 21 }
console.log(person3); //Person { first: 'Jenner', last: 'Jane', age: 43 }
console.log(person1.isAdult()) //false
console.log(person2.isAdult()) //true
console.log(person3.isAdult()) //true
profile
개발일지

0개의 댓글

관련 채용 정보