js object_js 객체지향의 구성 및 상속 구현 코드

코드 복사 코드는 다음과 같습니다. js 사용자 객체 정의 function User(name,age){ this.name=name, this.age=age, this.getName=function(){ return this .name; }, this.getAge=function(){ return this.age; } } //객체 인스턴스화 var use=new User( "aa",21); alert(use.name); alert(use.getAge()) //js 객체 상속 /* jb51.net 지향 객체 상속은 객체 프로그래밍 방법에 필수적입니다. 그렇다면 자바스크립트에서 상속 메커니즘을 어떻게 구현합니까? JavaScript는 엄격한 객체 지향 언어가 아니기 때문에 객체 상속도 다릅니다. 또한 다각형을 나타내는 기본 클래스 Polygon을 만들어 보겠습니다. 다각형에는 측면(면) 수인 공통 속성과 면적을 계산하는 공통 메서드(getAreas)가 있습니다. 이러한 방식으로 Polygon 클래스는 다음 정의와 같습니다. */ function Polygon(iSides){ this.sides = iSides; } Polygon.prototype.getAreas = function (){ return 0; } /* 기본 클래스에서는 영역을 결정할 수 없으므로 여기서는 0을 반환합니다. 그런 다음 하위 클래스인 Triangle을 만듭니다. 분명히 이 삼각형은 다각형에서 상속되므로 이 Triangle 클래스가 Polygon 클래스를 상속하고 삼각형의 면적을 반환하기 위해 Polygon 클래스의 getAreas 메서드를 재정의해야 합니다. . 자바스크립트의 구현을 살펴보겠습니다. */ function Triangle(iBase, iHeight){ Polygon.call(this,3); //여기서는 Polygon.call()을 사용합니다. 생성자에 3을 매개변수로 전달하면 변이 결정되므로 하위 클래스의 생성자에서 변을 지정할 필요가 없습니다. this.base = iBase; this.height = iHeight; //삼각형의 높이 } Triangle.prototype = new Polygon() Triangle.prototype.getAreas = function(){ return 0.5 * this.base *this.height; //기본 클래스의 getAreas 메소드를 재정의하고 삼각형의 면적을 반환합니다. }

/* 위 구현을 참고하세요. 다른 직사각형 정의: */ function Rectangle(iWidth, iHeight){ Polygon.call(this,4); this.width = iWidth; this.height = iHeight; } Rectangle.prototype = new Polygon(); Rectangle.prototype.getAreas = function(){ return this.width * this.height; 좋습니다. 위에서 기본 클래스와 두 개의 하위 클래스를 정의했습니다. 이 두 하위 클래스가 제대로 작동하는지 테스트해 보겠습니다. */ var t = new Triangle(3,6) var r = new Rectangle(4,5); alert(t.getAreas()); //출력 9는 정확함을 의미합니다 alert(r.getAreas()) //출력 20은 정확함을 의미합니다