JavaScript_javascript 기술에 상속된 몇 가지 예시 메서드 및 속성에 대한 참조

prototype 속성의 역할:
prototype 속성을 사용하여 객체 클래스의 기본 기능 집합을 제공합니다. 객체의 새로운 인스턴스는 객체의 프로토타입에 할당된 작업을 "상속"합니다.

프로토타입 속성의 기능:
모든 JavaScript 내부 개체에는 읽기 전용 프로토타입 속성이 있습니다. 내부 객체의 프로토타입에 기능을 추가할 수 있지만 객체에 다른 프로토타입을 부여할 수는 없습니다.
그러나 사용자 정의 개체를 새 프로토타입에 할당할 수 있습니다.

생성자 속성의 역할:
생성자는 객체를 생성하는 함수를 나타냅니다.

생성자 속성의 기능:
생성자 속성은 프로토타입이 있는 모든 객체의 멤버입니다. 여기에는 Global 및 Math 개체를 제외한 모든 JavaScript 내부 개체가 포함됩니다.
생성자 속성은 특정 객체 인스턴스를 생성하는 함수에 대한 참조를 보유합니다.

A 프로토타입을 사용하여 객체 속성 추가 [방법 1]
예:

코드 복사 코드는 다음과 같습니다.

>

B 프로토타입을 사용하여 객체 속성 추가 [방법 2]

예:

코드 복사 코드는 다음과 같습니다.

//방법 2

var superObj = { name:"xugang" }; >var subObj = { age:20 };
function extend(superObj,subObj){
//상위 객체의 프로토타입 객체 가져오기
subObj.getSuper = superObj.prototype; 상위 개체의 속성을 하위 개체에 부여
for(var i in superObj){
subObj[i] = superObj[i]
}
}
extend(superObj, subObj);
for ( var s in subObj )
{
document.write( s "
" ) //하위 객체의 속성 탐색
}




C는 프로토타입을 사용하여 상위 클래스의 프로토타입 속성을 상속합니다.
예:

코드 복사

코드는 다음과 같습니다. <script> </script>function Person(_name){ this.name = _name;

}

//객체 생성(프로토타입 프로토타입 객체 변경에 사용)
function addSex(_sex){
this.sex =
}
//프로토타입 객체 변경
Person.prototype = new addSex('male');
var p = new Person( 'xugang')
alert("p의 프로토타입: " p.constructor); //모든 속성 인쇄
for(var i in p){
//alert(p[ i])

// ========= ======== 상속================ =
//하위 객체 Student 생성
function Student(_study){
this .study = _study;
}
// 프로토타입을 통해 Person 상속
Student.prototype = new Person('Andy Lau')
var stu1 = new Student('JS');
alert("stu1의 프로토타입: " stu1.constructor);
for(var i in stu1){
alert(stu1[i])
script>


Student 객체의 프로토타입이 Person 객체로 변경되고, Person 객체의 프로토타입이 addSex로 변경되므로 Student 객체의 프로토타입은 addSex입니다.
참고: 객체의 프로토타입은 새 객체가 생성되는 순간 결정됩니다. 새 객체 이후에 변경되면 무효화됩니다!

D 프로토타입 객체 및 객체 생성자를 설정하는 방법
예:

코드 복사


코드는 다음과 같습니다:

function C(){

this.age = 42;

return "C 메서드"
}
B.prototype = new C() ;
var b = new B();
b.constructor = B; //b의 생성자를 B 자체로 다시 작성
document.write("b의 생성자:"); .write(b .constructor() "
");
document.write("b의 프로토타입 객체 생성자 메서드: "); constructor() "
");
for ( var m in b )
{
document.write("속성: " m )
document.write(" 값 : " b[ m] "
");
}



결과는 다음과 같습니다.
b의 구성 방법: B 방법
b의 프로토타입 객체 구성 방법: C 방법
속성: age 값: 42
속성: name 값: Andy Lau

E 객체에 프로토타입을 저장하는 데 사용되는 __proto__ 변수
예:

코드 복사 코드

Firefox의 결과는 다음과 같습니다.

[객체 Object]
Super_Person 메서드
Super_Person 메서드