javascript_javascript 스킬의 상속 사용 요약
이 기사의 예에는 JavaScript의 상속 사용법이 요약되어 있습니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.
예:
* 상위 클래스를 상속하도록 하위 클래스를 구현하지만 중복된 속성과 메소드를 생성하지 않습니다.
* @returns {함수}
*/
정의(함수(){
반환 함수(subType, superType){
var proto = new Object(superType.prototype);
proto.constructor = 하위 유형;
subType.prototype = proto;
};
});
//————————————————————————
정의(함수(){
함수 ostring
{
this.str = s;
this.length = this.str.length;
}
ostring.prototype.show = function(){
경고(this.str);
};
ostring을 반환합니다.
});
//————————————————————————
정의(['상속', 'ostring'], function(상속, ostring){
함수 wstring(들){
//call을 사용하여 상위 클래스 생성자를 호출합니다
ostring.call(this, s);
this.chlength = 2 * s.length;
}
//다른 속성 상속
상속(wstring, ostring);
wstring.prototype.add = 함수(w)
{
경고(this.str w);
};
wstring을 반환합니다.
});
예제를 다시 살펴보세요
1. 함수를 사용하여 구현:
This.name = 이름;
}
Person.prototype.getName = function() {
이 이름을 반환하세요.
}
함수 저자(이름, 책) {
This.inherit=사람;
This.inherit(이름);
This.books = 책;
}
var au=new Author("dororo","많은 것을 배우세요");
au.이름
또는 이에 상응하는 내용:
This.name = 이름;
}
Person.prototype.getName = function() {
이 이름을 반환하세요.
}
함수 저자(이름, 책) {
Person.call(이, 이름);
This.books = 책;
}
var au=new Author("dororo","많은 것을 배우세요");
au.getName
이는 단지 이것을 매개변수로 사용하고 상위 클래스 Person의 생성자를 호출하고 상위 클래스에 할당된 모든 필드를 Author 하위 클래스에 할당하기 때문에 상위 클래스 Person 생성자 이외의 정의된 필드(프로토타입)는 하위 클래스에서 사용됩니다. 따라서 위의 예에서는 getName이 Person 프로토타입 객체에 정의되어 있으므로 au.getName은 정의되지 않습니다.
또한 하위 클래스의 생성자는 자신의 도메인을 정의하기 전에 상위 클래스의 생성자를 호출해야 상위 클래스가 하위 클래스의 정의를 덮어쓰는 것을 방지할 수 있습니다. 즉, 작성자가 정의한 속성 책은 Person.call 뒤에 있어야 합니다. 그렇지 않으면 Person의 속성으로 덮어쓰게 됩니다. 동시에 서브클래스에서 서브클래스의 함수 도메인을 정의하기 위해 프로토타입을 사용하지 않는 것이 가장 좋습니다. 왜냐하면 서브클래스가 새로 생성되고 인스턴스화되면 프로토타입이 실행되어야 하고 그런 다음 상위 클래스의 생성자가 호출되기 때문입니다. 이는 또한 쉽습니다. 상위 클래스의 속성을 덮어씁니다.
2. 프로토타입을 사용하여 구현:
This.name = 이름;
}
Person.prototype.getName = function() {
이 이름을 반환하세요.
}
함수 저자(이름, 책) {
This.books = 책
}
Author.prototype=새 사람(이름);
Author.prototype.constructor=저자;
Author.prototype.getBooks = function() {
이 책을 반납하세요;
}
var au1=new Author("dororo1","많은 것을 배우세요");
var au2=new Author("dororo2","덜 알아보기");
경고(au1.getName());
경고(au2.getName());
이 방법은 함수 구현 시 프로토타입을 상속할 수 없는 문제를 방지합니다. Author.prototype=new Person(name); new Person() 인스턴스는 Person 생성자와 프로토타입의 모든 속성을 호출하기 때문입니다. 그러나 단점은 Author.prototype이 이미 인스턴스화되었다는 것입니다. 따라서 하위 클래스가 인스턴스화되면 기본이 아닌 모든 데이터 유형은 참조 복사본이 됩니다. 따라서 위의 예에서 au1과 au2 인스턴스 모두에서 반환된 값은 dororo1입니다.
3. '믹싱'을 사용하여
달성
This.name = 이름;
}
Person.prototype.getName = function() {
이 이름을 반환하세요.
}
함수 저자(이름, 책) {
This.base = 새 사람(이름);
for(this.base의 var 키){
if(!this[키]){
이것[키]=this.base[키];
}
}
This.book=books;
}
var au1=new Author("dororo1","work");
var au2=new Author("dororo2","play");
경고(au1.getName());
경고(au2.getName());
au1.book;
au2.book;
이는 확장이며 상위 클래스의 모든 필드를 하위 클래스에 복사합니다. 위의 두 가지 측면에는 전혀 문제가 없습니다.
기생 조합 모드)
JS 상속에는 속성 상속과 메서드 상속이 포함되며, 이는 서로 다른 메서드를 통해 구현됩니다.
1. 속성 상속
속성 상속은 함수의 실행 환경을 변경하여 이루어집니다. 함수의 실행 환경을 변경하려면 call() 및 apply() 메서드를 사용하면 됩니다.
먼저 Animal "클래스"를 만듭니다(JS에는 클래스 개념이 없기 때문에 여기서는 시뮬레이션일 뿐이며 실제로는 Function 객체일 뿐입니다).
//현재 메소드의 실행 환경(this)에 typeName
속성을 추가합니다. //그러나 실행 환경(this)은 이 함수가 실행될 때만 결정될 수 있습니다
this.typeName = 유형이름;
this.colors = ["red","while"];
}
//함수 프로토타입에 두 개의 (객체 공유) 메서드를 추가하고 싶습니다
Animal.prototype.Shout = function () { Alert("나는: --" this.typeName);};
Animal.prototype.Eat = function () { Alert("나는: --" this.typeName) };
//--사자 정의--"클래스"(실제로는 함수)
기능 라이온(tn) {
//--Animal 메소드를 실행하고 Apply의 첫 번째 파라미터를 통해 Animal의 실행 환경을 Lion's this
로 수정합니다. //마찬가지로 Lion의 경우 실행 중에만 확인할 수 있습니다
Animal.apply(this,["Lion"]);//-상위 클래스의 변수 속성을 상속받았습니다. 이것은 Lion이기 때문에 새로운 것입니다. 이것은 Lion입니다
}
Lion.prototype = Animal.prototype; //상위 클래스의 메소드를 상속받아 완료합니다. 하지만 하위 클래스가 메소드를 추가하면 상위 클래스도 이 메소드를 갖게 됩니다.
Lion.prototype.Hunt = 함수 () {
Alert("나는 : 사자야, 사냥하고 싶어~~·~");
}
var aminm = new Animal();
aminm.Hunt(); //---하위 클래스의 메서드에 액세스할 수 있지만 이는 좋지 않습니다.
//----그렇다면 이 문제를 어떻게 해결할까요? ? ? ? ? ?
//---해결책: 메소드를 상속할 때 다음과 같이 작성할 수 있습니다.
Lion.prototype = new Animal();//상위 클래스의 메소드를 상속하고 프로토타입 프로토타입에 Animal 객체를 할당합니다.
속성도 있습니다. var lion = new Lion(); //new 키워드는 생성 외에도 Lion 객체의 실행 환경을 Lion 객체 자체로 수정합니다
// --- 즉, new가 완료된 후 Lion 함수에서 이것이 Lion 함수 그 자체이고, 이어서 Lion 함수
새 키워드 분석:
새 키워드는 매우 훌륭합니다. 위 코드에서 새 키워드는 다음 작업을 완료했습니다.
1) Lion 객체를 저장할 준비를 위해 힙 공간을 엽니다
2) Lion 객체 자체의 실행 환경을 수정하여 Lion 함수가 Lion 함수 객체 자체를 가리키도록 합니다.
3) Lion "클래스"의 "생성자"를 호출하여 Lion 객체를 생성합니다
4) 변수 l에 Lion 함수 객체의 힙 주소를 할당합니다. 이때 l은 Lion 함수 객체
를 가리킵니다.
lion.Shout();
lion.Eat();
그러나 이러한 종류의 상속에는 단점이 있습니다. 부모 클래스의 생성자가 두 번 호출되고 한 번 호출된 다음 다시 new가 호출됩니다.
이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











함수 상속에서는 "기본 클래스 포인터" 및 "파생 클래스 포인터"를 사용하여 상속 메커니즘을 이해합니다. 기본 클래스 포인터가 파생 클래스 개체를 가리키는 경우 상향 변환이 수행되고 기본 클래스 멤버에만 액세스됩니다. 파생 클래스 포인터가 기본 클래스 개체를 가리키는 경우 하향 캐스팅이 수행되므로(안전하지 않음) 주의해서 사용해야 합니다.

WPS는 일반적으로 사용되는 사무용 소프트웨어 제품군이며 WPS 테이블 기능은 데이터 처리 및 계산에 널리 사용됩니다. WPS 테이블에는 두 날짜 사이의 시차를 계산하는 데 사용되는 매우 유용한 함수인 DATEDIF 함수가 있습니다. DATEDIF 함수는 영어 단어 DateDifference의 약어입니다. 구문은 다음과 같습니다. DATEDIF(start_date,end_date,unit) 여기서 start_date는 시작 날짜를 나타냅니다.

상속과 다형성은 클래스 결합에 영향을 줍니다. 상속은 파생 클래스가 기본 클래스에 종속되기 때문에 결합을 증가시킵니다. 다형성은 객체가 가상 함수와 기본 클래스 포인터를 통해 일관된 방식으로 메시지에 응답할 수 있기 때문에 결합을 줄입니다. 모범 사례에는 상속을 적게 사용하고, 공용 인터페이스를 정의하고, 기본 클래스에 데이터 멤버를 추가하지 않고, 종속성 주입을 통해 클래스를 분리하는 것이 포함됩니다. 다형성과 종속성 주입을 사용하여 은행 계좌 애플리케이션에서 결합을 줄이는 방법을 보여주는 실제 예입니다.

MySQL의 ISNULL() 함수는 지정된 표현식이나 열이 NULL인지 여부를 확인하는 데 사용되는 함수입니다. 부울 값을 반환하며, 표현식이 NULL이면 1, 그렇지 않으면 0을 반환합니다. ISNULL() 함수는 SELECT 문이나 WHERE 절의 조건부 판단에 사용할 수 있습니다. 1. ISNULL() 함수의 기본 구문: ISNULL(expression) 여기서 표현식은 NULL인지 또는 NULL인지를 결정하는 표현식입니다.

상속 오류 디버깅 팁: 올바른 상속 관계를 확인하세요. 디버거를 사용하여 코드를 단계별로 실행하고 변수 값을 검사합니다. 가상 수정자를 올바르게 사용했는지 확인하세요. 숨겨진 상속으로 인해 발생하는 상속 다이아몬드 문제를 살펴봅니다. 추상 클래스에서 구현되지 않은 순수 가상 함수를 확인하세요.

CSS에서 Transform의 사용 CSS의 Transform 속성은 HTML 요소의 이동, 회전, 크기 조정 및 기울이기와 같은 작업을 수행할 수 있는 매우 강력한 도구입니다. 요소의 모양을 극적으로 바꾸고 웹 페이지를 더욱 창의적이고 역동적으로 만들 수 있습니다. 이 기사에서는 Transform의 다양한 용도를 자세히 소개하고 구체적인 코드 예제를 제공합니다. 1. 이동(Translate) 이동이란 요소를 x축, y축을 따라 지정된 거리만큼 이동하는 것을 말합니다. 구문은 다음과 같습니다:

다음 상황에서는 C++ 함수 상속을 사용하면 안 됩니다. 파생 클래스에 다른 구현이 필요한 경우 다른 구현을 사용하는 새 함수를 만들어야 합니다. 파생 클래스에 함수가 필요하지 않은 경우 빈 클래스로 선언하거나 구현되지 않은 전용 기본 클래스 멤버 함수를 사용하여 함수 상속을 비활성화해야 합니다. 함수에 상속이 필요하지 않은 경우 코드 재사용을 위해 다른 메커니즘(예: 템플릿)을 사용해야 합니다.

C++ 함수 상속에 대한 자세한 설명: "is-a"와 "has-a" 사이의 관계를 마스터하세요. 함수 상속이란 무엇인가요? 함수 상속은 파생 클래스에 정의된 메서드를 기본 클래스에 정의된 메서드와 연결하는 C++의 기술입니다. 파생 클래스가 기본 클래스의 메서드에 액세스하고 재정의할 수 있도록 하여 기본 클래스의 기능을 확장합니다. "is-a" 및 "has-a" 관계 함수 상속에서 "is-a" 관계는 파생 클래스가 기본 클래스의 하위 유형, 즉 파생 클래스가 기본 클래스의 특성과 동작을 "상속"함을 의미합니다. 기본 클래스. "has-a" 관계는 파생 클래스에 기본 클래스 개체에 대한 참조 또는 포인터가 포함되어 있음을 의미합니다. 즉, 파생 클래스가 기본 클래스 개체를 "소유"합니다. 구문다음은 함수 상속을 구현하는 방법에 대한 구문입니다. classDerivedClass:pu
