객체에 속성과 메서드를 추가하기 위한 JavaScript 속성 프로토타입

정의 및 사용법

prototype 속성을 사용하면 개체에 속성과 메서드를 추가할 수 있습니다.

Syntax

object.prototype.name=value

Example

이 예에서는 프로토타입 속성을 사용하여 객체에 속성을 추가하는 방법을 보여줍니다.

<script type="text/javascript">

function employee(name,job,born)
{
this.name=name;
this.job=job;
this.born=born;
}

var bill=new employee("Bill Gates","Engineer",1985);employee.prototype.salary=null;bill.salary=20000;

document.write(bill.salary);

</script>

출력:

20000

프로토타입 속성의 역할

이 문제를 해결하기 위해 생성자 내 객체 인스턴스 문제 속성을 공유할 수 없다는 단점을 극복하기 위해 js에서는 프로토타입 속성을 제공합니다.

　js의 모든 데이터 유형은 객체(null 및 정의되지 않음 제외)이며 각 객체는 자체 프로토타입 객체가 없는 null을 제외하고 "프로토타입" 객체라고 하는 다른 객체에서 상속됩니다.

　 프로토타입 개체의 모든 속성과 메서드는 개체 인스턴스에서 공유됩니다.

객체 인스턴스가 생성자를 통해 생성되면 객체 인스턴스의 프로토타입은 생성자의 프로토타입 속성을 가리킵니다. 각 생성자에는 객체 인스턴스의 프로토타입 객체인 프로토타입 속성이 있습니다.

function Person(name,height){
this.name=name;
this.height=height;
} 
Person.prototype.hobby=function(){
return 'watching movies';
}
var boy=new Person('keith',180);
var girl=new Person('rascal',153); 
console.log(boy.name); //'keith'
console.log(girl.name); //'rascal'
console.log(boy.hobby===girl.hobby); //true

위 코드에서 취미 메소드가 프로토타입 객체에 배치되면 두 인스턴스 객체 모두 동일한 메소드를 공유합니다. 모든 사람이 이해할 수 있기를 바라는 것은 생성자의 경우 프로토타입은 객체 인스턴스의 생성자의 속성이고 프로토타입은 객체 인스턴스의 프로토타입 객체라는 것입니다. 따라서 프로토타입은 속성이자 객체입니다.

위 내용은 객체에 속성과 메서드를 추가하기 위한 JavaScript 속성 프로토타입의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!