>  기사  >  웹 프론트엔드  >  Javascript는 단순히 객체 지향 프로그래밍을 구현하고 예제 code_javascript 기술을 상속합니다.

Javascript는 단순히 객체 지향 프로그래밍을 구현하고 예제 code_javascript 기술을 상속합니다.

WBOY
WBOY원래의
2016-05-16 15:29:24982검색

이 글에서는 Javascript로 객체지향 프로그래밍 상속 예제 코드를 간단하게 구현하는 방법을 설명합니다. 참고하실 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.

객체 지향 언어는 다음 네 가지 기본 특성을 갖추어야 합니다.

1. 캡슐화 기능(즉, 기본 데이터 유형의 변수나 함수를 클래스에 넣어 클래스의 멤버나 메서드를 구성할 수 있음)
2. 집계 기능(즉, 클래스에 클래스가 포함될 수 있도록 하여 충분히 복잡한 디자인을 처리할 수 있음)
3. 상속 지원(상위 클래스는 하위 클래스를 파생할 수 있고 하위 클래스는 상위 클래스의 속성이나 메소드를 가집니다)
4. 다형성 지원(동일한 메소드 이름이 메소드 서명[즉, 함수의 매개변수]에 따라 독립적인 처리 방법을 가질 수 있도록 허용)

Javascript는 이러한 네 가지 기본 속성을 지원할 수 있으므로 JavaScript는 실제로 약한 유형의 객체 지향 언어입니다. 다음은 간단한 클래스 상속 코드입니다.

<script type="text/javascript">
//父类ClassA
function ClassA(sColor) {
  this.color = sColor;
  this.sayColor = function () {
    document.write("Color:" + this.color + "<br/>");
  };
}
//子类ClassB,继承自ClassA
function ClassB(sColor,sName){  
  ClassA.call(this,sColor);//利用call函数,将ClassA的所有方法都赋给ClassB,即实现了继承
  this.name = sName;
  this.sayName = function(){
    document.write("Name:" + this.name + "<br/>");
  }
}
var oClassA = new ClassA("Red");
oClassA.sayColor();
var oClassB = new ClassB("Blue","Jimmy.Yang");
oClassB.sayColor();//这里sayColor方法是从ClassA继承来的
oClassB.sayName();//这是ClassB中的新方法
/*
call函数的演示示例
function sayColor(sPrefix, sSuffix) {
alert(sPrefix + this.color + sSuffix);
};
var obj = new Object();
sayColor.call(obj, "The color is ", ", a very nice color indeed. ");
*/
</script>

이 기사가 JavaScript 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.