Javascript 클래스 상속_javascript 기술에 대한 또 다른 토론

매개변수 없는 클래스 상속의 문제

먼저 A에서 B 상속을 구현하는 샘플 코드를 살펴보세요.

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

function A() {
}
A.prototype.a1 = function() {
}; B() {
}
B.prototype = new A();
B.prototype.b1 = function() {
};var b = new B( );
alert(b.constructor == A); // true
alert(b.constructor == B); // false


이 코드의 주요 문제점은 :

* A는 B의 프로토타입으로 인스턴스화되어야 합니다. 이때 A의 생성자가 실행됩니다. 그러나 객체 지향 규칙에 따라 B를 인스턴스화하기 전에 B의 생성자와 해당 상위 클래스 A를 실행하면 안 됩니다.

* B의 프로토타입을 변경하여 b.constructor가 B가 아닌 A가 되었습니다.

매개변수 클래스 상속에 문제가 있습니다

A와 B 모두 두 개의 문자열 매개변수 s1과 s2를 가지고 있다고 가정합니다. A는 두 문자열의 전체 길이를 계산하고 B는 s1을 직접 사용합니다. s2는 A를 매개변수로 호출합니다.




코드 복사

코드는 다음과 같습니다. 함수 A( s1, s2 ) { 　this.totalLength = s1.length s2.length;

}

A.prototype.a1 = function() {　
}; s1, s2 ) {
}
B.prototype = new A();
B.prototype.b1 = function() {
};new B("ab ", " 123");


보시다시피 이 코드에서는 s1과 s2를 A에 전달할 방법이 없고 A를 B의 프로토타입으로 인스턴스화할 때 매개 변수가 없기 때문에 , 예외가 발생합니다.




코드 복사

코드는 다음과 같습니다.

s1이 정의되지 않았습니다. 해결 방법s1과 s2의 범위는 B에만 있습니다. A로 전송하려면 B에서만 작업할 수 있습니다. 이는 Apply의 도움으로 달성할 수 있습니다. 함수 메서드:

코드 복사


코드는 다음과 같습니다.

함수 B(s1 , s2) { 　A.apply(this, 인수); 　alert(this.totalLength); }

다음 질문은 A의 메소드를 추가하는 방법입니다. B의 프로토타입에 이것은 어렵지 않습니다. A.prototype을 탐색하고 해당 메서드를 B.prototype에 복사하면 됩니다. 동일한 이름을 가진 메서드의 경우 하위 클래스가 우선 순위(오버로딩)를 가지므로 재정의할 수 없습니다.

코드 복사

코드는 다음과 같습니다.

for (var m in A.prototype) { 　if (!B.prototype[m]) { // 상위 클래스는 메소드를 재정의할 수 없습니다. 하위 클래스 　B .prototype[m] = A.prototype[m]; 　} }

Postscript

C# 및 Java와 같은 다중 상속은 포기되었으므로 이 문서에서는 단일 상속의 경우만 설명합니다. 이 글에서 설명하는 상속 방법 역시 jRaiser의 확장으로 작성되어 추후 공개될 예정입니다.