js中的繼承

April 發布于2019-08-23 15:38 / 417人閱讀

摘要：中的繼承類繼承實現繼承改變這樣不是繼承，和變成了兄弟關系正確做法一，兒子的原型原型鏈指向父親的原型正確做法二，類繼承找不到就拿父級的

js中的繼承

ES5 prototype

Parent.prototype.__proto = Child.prototype

Object.setPrototypeOf( Child.prototype, Parent.prototype )

ES6 class

類繼承

ES5 prototype 實現繼承

function Parent(){
    this.name = "parent name";        
}
Parent.prototype.eat = function(){
    consle.log(‘parent eat");
}
function Child(){
    Parent.call(this);// 改變 this
    this.name = "child name";
}
Child.prototype = Parent.prototype; // 這樣不是繼承，Parent 和 Child 變成了兄弟 關系
// 正確做法 一 ， 兒子的原型 原型鏈 指向 父親的原型
Child.prototype.__proto__ = Parent.prototype;
// 正確做法 二 ， 
Object.setPrototypeOf( Child.prototype, Parent.prototype );

let child = new Child();
console.log(child.name);// parent name
child.eat(); // parent eat

class 類繼承

class Parent{
    constructor(){
        this.name = "parent name";
    }
    eat(){
        console.log("parent eat")
    }
}

class Child extends Parent{
    constructor(){
        super();
        consle.log(this)// child
    }
    
}

let child = new Child();
console.log(child.name) // parent name , Child 找不到就拿父級的
child.eat()// parent eat

云服務器 GPU云服務器 java中的繼承 js 繼承 js繼承 js繼承模式

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

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

JS中的繼承(上)

摘要：中的繼承上學過或者之類語言的同學應該會對的繼承感到很困惑不要問我怎么知道的的繼承主要是基于原型的對的原型感興趣的同學可以了解一下我之前寫的中的原型對象相信很多同學也跟我一樣剛開始接觸的面向對象編程的時候都抱著一種排斥的心態為什么這么 JS中的繼承(上) 學過java或者c#之類語言的同學,應該會對js的繼承感到很困惑--不要問我怎么知道的,js的繼承主要是基于原型(prototype)...

Fundebug 2019-08-22 16:29 評論0 收藏0
JS對象繼承與原型鏈

摘要：此用來定義通過構造器構造出來的對象的原型，構造器內部的代碼用來給對象初始化。對象繼承 VS 類繼承在 class-based 的面向對象的世界里，要出現對象，必須先有類。類之間可以繼承，類再使用 new 操作創建出實體，父子對象之間的繼承體現在父類和子類上。你不能說對象 a 繼承了對象 b，只能說 class A 繼承了 class B，然后他們各自有一個實例a、b。 JS中實現...

QLQ 2019-08-22 11:08 評論0 收藏0
JS中的類與類的繼承

摘要：首先捋清楚類和對象的關系類比如人類，指的是一個范圍對象比如某個人，指的是這個范圍中具體的對象中的作為構造函數時，就是一個類，通過操作符，可以返回一個對象。 JS中的類與類的繼承我們知道，JS中沒有類或接口的概念，即不能直接定義抽象的類，也不能直接實現繼承。不過，為了編程的方便，我們可以在 JS 中模擬類和繼承的行為。首先捋清楚類和對象的關系：類：比如人類，指的是一個范圍； ...

Tangpj 2019-08-23 12:16 評論0 收藏0
Javascript 設計模式讀書筆記(三)——繼承

摘要：的繼承方式屬于原型式繼承，非常靈活。當使用關鍵字執行類的構造函數時，系統首先創建一個新對象，這個對象會繼承自構造函數的原型對象新對象的原型就是構造函數的屬性。也就是說，構造函數用來對生成的新對象進行一些處理，使這個新對象具有某些特定的屬性。繼承這個東西在Javascript中尤其復雜，我掌握得也不好，找工作面試的時候在這個問題上栽過跟頭。Javascript的繼承方式屬于原型式繼承，...

cangck_X 2019-08-21 12:16 評論0 收藏0
JS對象(3)經典對象創建與繼承模式

摘要：對象經典對象創建與繼承模式組合模式創建對象中創建一個對象的方式多種多樣，每種方式都有自己缺點或者優點，具體的可以參考而組合使用構造函數模式和原型模式來創建自定義類型算是最常見的方式了。 title: JS對象(3)經典對象創建與繼承模式 date: 2016-09-28 tags: JavaScript 0x01 組合模式創建對象 JS 中創建一個對象的方式多種多樣，...

hellowoody 2019-08-21 11:17 評論0 收藏0
你是否理解js的Object與Function與原型鏈

摘要：原型對象是由創建的，因此原型對象的構造函數是構造函數也可以是稱為對象，原型對象也就繼承了其生父構造函數中的數據，也同時繼承了原型對象的數據。當然這條原型鏈中的數據，會被還是還是這類構造函數繼承，但是不會被這些繼承，他們不處于同一個鏈條上。 js中，Function的本質是什么？Object的本質又是什么？js中有幾條原型鏈？ showImg(https://segmentfault.c...

itvincent 2019-08-20 17:51 評論0 收藏0