javascript原型鏈及繼承的理解

ziwenxie 發(fā)布于2019-08-23 16:42 / 2228人閱讀

原型鏈及繼承的理解 定義函數(shù)

function A(name) {
    // 構(gòu)造內(nèi)容(構(gòu)造函數(shù))
    this.name = name;
    
    /*
    // 也支持定義方法。但為了性能，不建議在構(gòu)造里定義方法
    this.fn = function(parmas){
        // your code
    }
    */
}

// 原型鏈
A.prototype.changeName = function(name) {
    this.name = name;
}

// 靜態(tài)屬性
A.staticPF = "static12345";

繼承 繼承構(gòu)造函數(shù)

function B(name) {
    // B 繼承 A 的構(gòu)造函數(shù)  也可用apply
    A.call(this, name);
}
// console.log(B)

var b = new B("ccc");
console.log(b.name); // => ccc

繼承靜態(tài)屬性

// B 繼承 A 的靜態(tài)屬性，查找流程如下
// B.staticPF = >B.__proto__.staticPF => A.staticPF;
B.__proto__ = A;
console.log(B.staticPF); // => static12345

繼承原型鏈

var b = new B("ccc");
// B 繼承 A 的原型鏈, 3種方式，推薦第3種
// B.prototype = A.prototype; // 需要前置在b對(duì)象實(shí)例化前
// b.__proto__ = A.prototype;
// B.prototype.__proto__ = A.prototype;
B.prototype.__proto__ = A.prototype;

b.changeName("ffffd") // b實(shí)例最終繼續(xù)了A的changeName方法
console.log(b.name); // => ffffd

云服務(wù)器 GPU云服務(wù)器 js原型鏈的繼承原型繼承原型鏈繼承 javascript類(lèi)的繼承

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/103164.html

相關(guān)文章

javascript的面向?qū)ο螅?em>原型鏈及繼承

摘要：也就是說(shuō)，不必在構(gòu)造函數(shù)中添加定義對(duì)象信息，而是可以直接將這些信息添加到原型中。子類(lèi)的屬性，表示構(gòu)造函數(shù)的繼承，總是指向父類(lèi)。以前，這些原生構(gòu)造函數(shù)是無(wú)法繼承的。面向?qū)ο?js是一門(mén)基于對(duì)象的語(yǔ)言。js中的一切皆對(duì)象; console.log(Object.prototype.toString.call(123)) //[object Number] console....

Xufc 2019-08-22 14:00 評(píng)論0 收藏0
淺談 JavaScript 原型鏈

摘要：數(shù)組的構(gòu)造函數(shù)是原型鏈的指向與其他除以外的構(gòu)造函數(shù)相同，的也指向頂級(jí)原型對(duì)象，每一個(gè)數(shù)組都是的實(shí)例，都指向。實(shí)例對(duì)象查找構(gòu)造函數(shù)原型對(duì)象的方法一般會(huì)把對(duì)象共有的屬性和方法都放在構(gòu)造函數(shù)的原型對(duì)象上。 showImg(https://segmentfault.com/img/remote/1460000018998704?w=900&h=506); 閱讀原文概述在 JavaScr...

explorer_ddf 2019-08-23 12:18 評(píng)論0 收藏0
理解JavaScript的核心知識(shí)點(diǎn)：原型

摘要：首先，需要來(lái)理清一些基礎(chǔ)的計(jì)算機(jī)編程概念編程哲學(xué)與設(shè)計(jì)模式計(jì)算機(jī)編程理念源自于對(duì)現(xiàn)實(shí)抽象的哲學(xué)思考，面向?qū)ο缶幊淌瞧湟环N思維方式，與它并駕齊驅(qū)的是另外兩種思路過(guò)程式和函數(shù)式編程。 JavaScript 中的原型機(jī)制一直以來(lái)都被眾多開(kāi)發(fā)者（包括本人）低估甚至忽視了，這是因?yàn)榻^大多數(shù)人沒(méi)有想要深刻理解這個(gè)機(jī)制的內(nèi)涵，以及越來(lái)越多的開(kāi)發(fā)者缺乏計(jì)算機(jī)編程相關(guān)的基礎(chǔ)知識(shí)。對(duì)于這樣的開(kāi)發(fā)者來(lái)說(shuō) J...

iKcamp 2019-08-23 18:34 評(píng)論0 收藏0
如何理解JavaScript的原型和原型鏈？

摘要：之前有朋友問(wèn)怎么去理解原型和原型鏈的問(wèn)題。理解原型鏈的小技巧將箭頭視作泛化子類(lèi)到父類(lèi)關(guān)系那么圖中所有的虛線將構(gòu)成一個(gè)繼承層級(jí)，而實(shí)線表示屬性引用。原型鏈?zhǔn)菍?shí)現(xiàn)繼承的重要方式，原型鏈的形成是真正是靠而非。之前有朋友問(wèn)怎么去理解原型和原型鏈的問(wèn)題。這個(gè)問(wèn)題，在面試中，很多同學(xué)經(jīng)常都會(huì)遇到。這里給大家講講，方便大家記憶。 JavaScript的特點(diǎn)JavaScript是一門(mén)直譯式腳本...

xuexiangjys 2019-08-02 16:12 評(píng)論0 收藏0
如何理解JavaScript的原型和原型鏈？

摘要：之前有朋友問(wèn)怎么去理解原型和原型鏈的問(wèn)題。理解原型鏈的小技巧將箭頭視作泛化子類(lèi)到父類(lèi)關(guān)系那么圖中所有的虛線將構(gòu)成一個(gè)繼承層級(jí)，而實(shí)線表示屬性引用。原型鏈?zhǔn)菍?shí)現(xiàn)繼承的重要方式，原型鏈的形成是真正是靠而非。之前有朋友問(wèn)怎么去理解原型和原型鏈的問(wèn)題。這個(gè)問(wèn)題，在面試中，很多同學(xué)經(jīng)常都會(huì)遇到。這里給大家講講，方便大家記憶。 JavaScript的特點(diǎn)JavaScript是一門(mén)直譯式腳本...

adie 2019-08-23 16:54 評(píng)論0 收藏0