>  기사  >  웹 프론트엔드  >  자바스크립트 결합 상속에 대한 자세한 코드 설명 및 두 호출 문제 해결

자바스크립트 결합 상속에 대한 자세한 코드 설명 및 두 호출 문제 해결

伊谢尔伦
伊谢尔伦원래의
2017-07-20 16:32:591929검색

결합 상속은 일반적으로 사용되는 상속 방법으로, 프로토타입 체인을 사용하여 프로토타입 속성과 메서드를 상속하고 생성자를 빌려 인스턴스 속성을 상속하는 것입니다. 이러한 방식으로 함수 재사용은 프로토타입에 메서드를 정의하여 달성되며 각 인스턴스는 고유한 속성을 갖도록 보장됩니다.

<script>
    function Parent(age){
        this.name = [&#39;mike&#39;,&#39;jack&#39;,&#39;smith&#39;];
        this.age = age;
    }
    Parent.prototype.run = function () {
        return this.name  + &#39; are both&#39; + this.age;
    };
    function Child(age){
        Parent.call(this,age);//对象冒充,给超类型传参
    }
    Child.prototype = new Parent();//原型链继承
    var test = new Child(21);//写new Parent(21)也行
    alert(test.run());//mike,jack,smith are both21
</script>

결합 상속의 작은 문제

결합 상속은 js에서 가장 일반적으로 사용되는 상속 패턴이지만, 결합 상속의 상위 유형은 사용 중에 하위 유형을 생성할 때 한 번, 하위 유형 생성자 내부에서 다시 호출됩니다.

위 코드는 이전 결합 상속이므로 기생 결합 상속은 두 호출의 문제를 해결합니다.

rreee

위 내용은 자바스크립트 결합 상속에 대한 자세한 코드 설명 및 두 호출 문제 해결의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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