JavaScript中常見的幾種繼承方式

Vicky 發布于2019-08-21 17:36 / 460人閱讀

摘要：繼承方式一混入繼承繼承方式二原型繼承創建構造函數，并且將對象的地址賦值給構造函數的原型實現繼承恢復三角關系實例化的所有對象都擁有對象的屬性和方法繼承方式三混入加原型繼承方式四實現過程了一個新的對象，把傳入作為參數的那個對象設置給新創建的這個

繼承方式一：混入繼承

"use strict";

//object:A
let Oa= {
    money: "many money",
    resource: "company,house",
    control: function (){
        console.log("this is function");
    }
};

//object:B
let Ob = {};
for (let k in Oa) {
    Ob["k"] = Oa["k"];
}

console.log(Ob.money);//"many money"
console.log(Ob.control()); //"this is function"

繼承方式二：原型繼承

//object:A
var Oa= {
    loveColor: "Green",
    habbit: "backetball",
    sayHi: function (){
        console.log("hello world");
    }
}

//創建構造函數，并且將對象A的地址賦值給構造函數的原型
function Func() {}
//實現繼承
Func.prototype = Oa;
//恢復三角關系
Func.prototype.contructor = Func;

//實例化的所有對象都擁有對象Oa的屬性和方法

//object:B
let Ob = new Func();

console.log(Ob.lovaColor); //"Green";
console.log(Ob.habbit); //"backetball";

繼承方式三：混入加原型

//object:A
let Oa = {
    color: "red",
    love: function (){
        console.log("love green");
    }
}

function Func(name){
    this.name = name;
}

for (let k in Oa) {
    Func.prototype[k] = Oa[k];
}

//object:B
let Ob = new Func("jeky");

console.log(Ob.color) // red;
Ob.love() // "love green";

繼承方式四：object.create();

//object:A
let Oa = {
    fName: "apple",
    color: "red"
};

//object:B
//實現過程：new了一個新的對象，把傳入作為參數的那個對象設置給新創建的這個對象的原型屬性
let Ob = Object.create(Oa); 
console.log(Ob.fName); //"apple"

GPU云服務器云服務器 js繼承的幾種方式服務器請求的幾種方式 java創建對象的幾種方式最基本的幾種

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/89731.html

JavaScript常見的六種繼承方式

摘要：組合繼承也是需要修復構造函數指向的這種方式融合原型鏈繼承和構造函數的優點，是中最常用的繼承模式。的繼承機制完全不同，實質是先將父類實例對象的屬性和方法，加到上面所以必須先調用方法，然后再用子類的構造函數修改。前言面向對象編程很重要的一個方面，就是對象的繼承。A 對象通過繼承 B 對象，就能直接擁有 B 對象的所有屬性和方法。這對于代碼的復用是非常有用的。大部分面向對象的編程語言，...

silvertheo 2019-08-29 16:59 評論0 收藏0
JavaScript常見的六種繼承方式

摘要：組合繼承也是需要修復構造函數指向的這種方式融合原型鏈繼承和構造函數的優點，是中最常用的繼承模式。的繼承機制完全不同，實質是先將父類實例對象的屬性和方法，加到上面所以必須先調用方法，然后再用子類的構造函數修改。前言面向對象編程很重要的一個方面，就是對象的繼承。A 對象通過繼承 B 對象，就能直接擁有 B 對象的所有屬性和方法。這對于代碼的復用是非常有用的。大部分面向對象的編程語言，...

wyk1184 2019-08-16 13:25 評論0 收藏0
JavaScript常見的六種繼承方式

摘要：組合繼承也是需要修復構造函數指向的這種方式融合原型鏈繼承和構造函數的優點，是中最常用的繼承模式。的繼承機制完全不同，實質是先將父類實例對象的屬性和方法，加到上面所以必須先調用方法，然后再用子類的構造函數修改。前言面向對象編程很重要的一個方面，就是對象的繼承。A 對象通過繼承 B 對象，就能直接擁有 B 對象的所有屬性和方法。這對于代碼的復用是非常有用的。大部分面向對象的編程語言，...

anyway 2019-08-02 11:44 評論0 收藏0
JavaScript常見的六種繼承方式

摘要：組合繼承也是需要修復構造函數指向的這種方式融合原型鏈繼承和構造函數的優點，是中最常用的繼承模式。的繼承機制完全不同，實質是先將父類實例對象的屬性和方法，加到上面所以必須先調用方法，然后再用子類的構造函數修改。前言面向對象編程很重要的一個方面，就是對象的繼承。A 對象通過繼承 B 對象，就能直接擁有 B 對象的所有屬性和方法。這對于代碼的復用是非常有用的。大部分面向對象的編程語言，...

helloworldcoding 2019-08-23 12:23 評論0 收藏0
一名【合格】前端工程師的自檢清單

摘要：在他的重學前端課程中提到到現在為止，前端工程師已經成為研發體系中的重要崗位之一。大部分前端工程師的知識，其實都是來自于實踐和工作中零散的學習。一基礎前端工程師吃飯的家伙，深度廣度一樣都不能差。開篇前端開發是一個非常特殊的行業，它的歷史實際上不是很長，但是知識之繁雜，技術迭代速度之快是其他技術所不能比擬的。 winter在他的《重學前端》課程中提到：到現在為止，前端工程師已經成為研...

羅志環 2019-08-23 17:08 評論0 收藏0