JS継承と多重継承の使い方

今回は、JS継承と多重継承の使い方と、JS継承多重継承を使用する際の

注意点

を紹介します。実際の事例を見てみましょう。

最新のEC6にはすでにクラス関連の機能が備わっていますが、普及性や古いコードを読む必要性の観点から、この知識を理解する必要があります。 この記事の構成:

① 原理と分析

② 単純なカプセル化後の適用 1. 継承

① 原理と分析

最初の写真:

このコードのアイデアを使用して継承を実装します。つまり:

var inherit=function(objBase){
    var F=function(){}; //第一步：定义一个函数F
    F.prototype=objBase; //第二步：将传进来的基类对象(objBase)赋给函数F的原型(F.prototype)
    return new F(); //第三步：返回一个F对象(已经具备了objBase特征)
}

② 単純なカプセル化後のアプリケーション

Function.prototype.inherit=function(objBase){
    this.prototype=new objBase();
}
var Person=function(){
    this.name="倩倩";
    this.sex="女";
}
var Student=function(){
    this.id="0712";
}
Student.inherit(Person);
var student=new Student();
alert(student.name +","+ student.sex +","+ student.id);

2. 多重継承

① 原理と分析

複数のオブジェクトのメンバーを現在のオブジェクトに与える

var o1={name:"倩倩"} //对象的字面值
var o2={sex:"女"}
var She=function(){}
She.prototype={};  //先声明
for(var k in o1){
    She.prototype[k]=o1[k];
}
for(var k in o2){
    She.prototype[k]=o2[k];
}
var she=new She();
alert(she.name + "," + she.sex);

② 簡単なカプセル化と適用

Function.prototype.inherits=function(){
    var arr=arguments; //将接收到的arguments对象传给数组arr
    this.prototype={};
    for(var i=0;i<arr.length var she.inherits alert><p> この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、 の他の関連記事に注目してください。 PHP中国語ウェブサイトです！ </p>
<p>推奨書籍: <a href="http://www.php.cn/js-tutorial-398684.html" target="_blank"></a><br> JS 配列と JSON オブジェクトを動的に追加、変更、削除する方法</p>
<p><a href="http://www.php.cn/js-tutorial-398685.html" target="_blank"></a><br> JS 継承と多重継承の使用方法</p>🎜🎜</arr.length>

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