자바스크립트 프로토타입 방식이란?

javascript 프로토타입은 자바스크립트의 프로토타입 객체를 말하며, 모든 자바스크립트 객체는 프로토타입 객체인 프로토타입으로부터 속성과 메소드를 상속받습니다.

이 문서의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

JavaScript 프로토타입 방식이란 무엇인가요?

JavaScript 프로토타입(프로토타입 개체)

모든 JavaScript 개체는 프로토타입(프로토타입 개체)의 속성과 메서드를 상속합니다.

프로토타입 상속

모든 JavaScript 개체는 프로토타입(프로토타입 개체)에서 속성과 메서드를 상속합니다.

Date 对象从 Date.prototype 继承。
Array 对象从 Array.prototype 继承。
Person 对象从 Person.prototype 继承。

JavaScript의 모든 개체는 프로토타입 체인 상단에 있는 개체의 인스턴스입니다.

JavaScript 객체에는 프로토타입 객체를 가리키는 체인이 있습니다. 객체의 속성에 접근하려고 할 때, 객체에 대한 검색뿐만 아니라 객체의 프로토타입, 객체의 프로토타입의 프로토타입에 대해서도 검색하고, 일치하는 이름을 가진 속성을 찾을 때까지 위쪽으로 검색합니다. 또는 프로토타입의 끝에 도달합니다.

Date 객체, Array 객체 및 Person 객체는 Object.prototype에서 상속됩니다.

속성 및 메서드 추가

때로는 모든 기존 객체에 새로운 속성이나 메서드를 추가하고 싶을 때가 있습니다.

또한 때로는 객체 생성자에 속성이나 메서드를 추가하고 싶을 때도 있습니다.

prototype 속성을 사용하여 객체 생성자에 새 속성을 추가합니다:

Instance

function Person(first, last, age, eyecolor) {
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eyecolor;
}
 
Person.prototype.nationality = "English";

물론, 프로토타입 속성을 사용하여 객체 생성자에 새 메소드를 추가할 수도 있습니다.

Instance

function Person(first, last, age, eyecolor) {
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eyecolor;
}
 
Person.prototype.name = function() {
  return this.firstName + " " + this.lastName;
};

추천 학습: "javascript 기본 튜토리얼"

위 내용은 자바스크립트 프로토타입 방식이란?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!