자바 스크립트 상속에 대해 알아야 할 모든 것



이 기사는 예제를 사용하여 JavaScript에서 상속을 구현하는 방법에 대한 상세하고 포괄적 인 지식을 제공합니다.

상속은 객체 지향 프로그래밍에서 중요한 개념입니다. 클래식 상속에서 기본 클래스의 메서드는 파생 클래스로 복사됩니다. 이제 다음과 같은 방식으로 JavaScript의 상속을 이해해 보겠습니다.

자바 스크립트의 상속

JavaScript에서 상속은 프로토 타입 객체를 사용하여 지원됩니다. 어떤 사람들은 이것을“Prototypal Inheriatance”라고 부르고 어떤 사람들은“행동 위임”이라고 부릅니다.





자바 스크립트의 상속

프로토 타입 상속 (행동 위임 패턴)

  • v1v2연결되어있다Vehicle.prototype왜냐하면 그것은 새로운 예어.



    sqlite에 db 브라우저를 사용하는 방법
  • 비슷하게,c1c2연결되어있다Car.prototypeCar.prototype에 연결되어 있습니다Vehicle.prototype.

  • JavaScript에서는 객체를 만들 때 속성이나 동작을 복사하지 않고 링크를 만듭니다. 클래스 확장의 경우에도 유사한 종류의 연결이 생성됩니다.

  • 모든 화살표는 동작 위임 링크이기 때문에 기존의 비 js 상속과 비교하여 반대 방향으로 이동합니다. 이러한 링크를 프로토 타입 체인이라고합니다.



  • 이 패턴은 행동 위임 패턴 일반적으로 프로토 타입 상속 JavaScript에서.

코드 : JavaScript의 상속

! DOCTYPE html>

function Person (firstName, lastName) '알 수 없음'

this.LastName = lastName

Person.prototype.getFullName = function () {

return this.FirstName + ''+ this.LastName

}

function Student (firstName, lastName, schoolName, grade)

Person.call (this, firstName, lastName)

this.SchoolName = schoolName

//Student.prototype = Person.prototype

Student.prototype = new Person ()

Student.prototype.constructor = 학생

자바 원격 메소드 호출 예제

var std = new Student ( 'James', 'Bond', 'XYZ', 10)

alert (std.getFullName ()) // 제임스 본드

alert (std instanceof Student) // 참

alert (std instanceof Person) // true

이 코드는 다음 출력을 생성합니다.

산출:

이것으로 우리는이 기사의 끝으로 왔습니다. 자세한 내용은 다음 블로그를 참조하십시오.

확인 전 세계에 250,000 명 이상의 만족 한 학습자 네트워크를 보유한 신뢰할 수있는 온라인 학습 회사 인 Edureka에서 Angular는 확장 가능한 엔터프라이즈 및 성능 클라이언트 측 웹 애플리케이션을 만드는 데 사용되는 JavaScript 프레임 워크입니다. Angular 프레임 워크 채택률이 높아짐에 따라 애플리케이션의 성능 관리는 커뮤니티 주도로 간접적으로 더 나은 취업 기회를 창출합니다. Angular 인증 교육은 엔터프라이즈 애플리케이션 개발과 관련된 이러한 모든 새로운 개념을 다루는 것을 목표로합니다.

질문이 있으십니까? 이 기사의 댓글 섹션에 언급 해 주시면 다시 연락 드리겠습니다.