ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptの多重継承例を詳しく解説

JavaScriptの多重継承例を詳しく解説

小云云
リリース: 2018-01-11 09:19:57
オリジナル
1635 人が閲覧しました

この記事では、JavaScript で多重継承を実装する方法を主に紹介し、JavaScript で多重継承を実装するための具体的な手順と関連する操作テクニックを例の形式で詳しく説明します。みんな。

1. 空の親クラスのコンストラクターを定義し、プロトタイプを通じて親クラスのプロパティとメソッドを定義します。

2. 空のサブクラスのコンストラクターを定義し、クラスのインスタンスでサブクラスのプロトタイプを親クラスにバインドします。サブクラス プロトタイプの親クラスも親クラスのインスタンスにバインドされます。プロトタイプを通じてサブクラスの独自のプロパティとメソッドを設定します。

3. 空の孫クラスのコンストラクターを定義し、孫クラスのプロトタイプをサブクラス インスタンスにバインドし、孫クラス プロトタイプの親クラスをサブクラス インスタンスにバインドします。プロトタイプを使用して、孫クラスの独自のプロパティとメソッドを定義します。

4. 孫オブジェクトをインスタンス化します。インスタンス オブジェクトを呼び出すことで、孫の親クラス (この記事ではサブクラス) のメソッドを呼び出すことも、最大の親クラスを直接呼び出すこともできます。これはここでは親クラスです。メソッドですが、現在のオブジェクトにプロパティとメソッドを追加することもできます。


function Person(){}
Person.prototype.name = "人";// 为人类创建一个name属性
Person.prototype.say = function(content){// 为人类创建一个说话的方法
  if(!this.name){ // 如果对象不存在name属性,则使用原型链的name
    this.name = this.__proto__.name;
  }
  console.log("我是" + this.name + ",我想说"+content);
};
function Parent(){}
Parent.prototype = new Person();  // 设置Parent类继承Person类
Parent.prototype.superClass = new Person();// 设置superClass保存父类Person的方法属性
Parent.prototype.name = "父辈类";// 设置Parent类的name属性
Parent.prototype.say = function(){// 设置Parent类自己的 say 方法
  console.log("我是Parent类的say方法!");
};
function Child(){}
Child.prototype = new Parent();// 设置Child类继承Parent类
Child.prototype.superClass = new Parent();// 设置superClass保存父类Parent的方法属性
Child.prototype.say = function(){  //设置Child类自己的say方法
  console.log("我是Child类的say方法!");
}
var c = new Child();// 实例化一个Child对象
c.say();  // 调用自身原型的say方法,输出:我是Child类的say方法!
c.superClass.say(); // 调用父类Parent的say方法,输出: 我是Parent类的say方法!
c.superClass.superClass.say("哈哈");// 直接调用最大的父类Person的say方法(方法中的this指向Person),输出:我是人,我想说哈哈"
// 用call调用最大的父类Person的say方法(方法中的this指向实例化对象c,但此时c并没有name属性,所以this.name用的是Parent的name)
c.superClass.superClass.say.call(c,"嘻嘻"); // 输出:我是父辈类,我想说嘻嘻
c.name = "子类实例";// 给当前对象增加name属性
// 还是用call调用最大父类Person的say方法(此时c对象中已经有name属性);
c.superClass.superClass.say.call(c,"我是子类的实例化对象"); // 输出:我是子类实例,我想说我是子类的实例化对象
ログイン後にコピー

ps: 多重継承では、プロトタイプ オブジェクトに属性を追加して、親クラスのオブジェクトと属性を保存できます。サブクラスを呼び出すときに、superClass を使用して親クラスのメソッドを指定すると、問題が解決されます。親クラスと子クラスのメソッドは同じ名前になります。子クラスが親クラスを継承すると、親クラスのメソッドが上書きされます。

関連する推奨事項:

Python における多重継承の詳細な分析

多重継承の実装に関する 10 の推奨記事

PHP オブジェクト指向の多重継承とインターフェイスの使用法

以上がJavaScriptの多重継承例を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート