javascript原型鏈及繼承的理解

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

原型鏈及繼承的理解 定義函數(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對象實例化前
// b.__proto__ = A.prototype;
// B.prototype.__proto__ = A.prototype;
B.prototype.__proto__ = A.prototype;

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

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

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

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/103164.html

相關(guān)文章

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

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

Xufc 2019-08-22 14:00 評論0 收藏0
淺談 JavaScript 原型鏈

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

explorer_ddf 2019-08-23 12:18 評論0 收藏0
理解JavaScript的核心知識點：原型

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

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

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

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

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

adie 2019-08-23 16:54 評論0 收藏0