国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

JavaScript面向對象編程——繼承

desdik / 626人閱讀

摘要:想要解決這樣的問題的話,可以借助構造函數也可以叫做偽造對象或經典繼承。通過借助構造函數實現對實例對象的屬性和繼承。

原型鏈 原型鏈是什么

構造函數或構造器具有prototype屬性 對象具有__proto__屬性 這就是之前學習的原型
如果構造函數或對象A A的原型指向構造函數或對象B B的原型在指向構造函數或對象C 以此類推 最終的構造函數或對象的原型指向Object的原型 由此形成一條鏈狀結構 被稱之為原型鏈
按照上述的描述 在B中定義的屬性或方法 可以直接在A中使用并不需要定義 這就是繼承 它允許每個對象來訪問其原型鏈上的任何屬性或方法。
原型鏈是ECMAScript標準中指定的默認實現繼承方式。

// 原型鏈
function A(){
    this.a = "a";
}
// 通過構造函數創建對象
var a = new A();

function B(){
    this.b = "b";
}
// 將B的原型指向對象a
B.prototype = a;
// 通過構造函數創建對象
var b = new B();

console.log(b.b);// b
console.log(b.a);// a

function C(){
    this.c = "c";
}
// 將C的原型指向對象b
C.prototype = b;
// 通過構造函數創建對象
var c = new C();

console.log(c.c);// c
console.log(c.b);// b
console.log(c.a);// a
只繼承于原型

處于對效率的考慮,盡量的將屬性和方法添加到原型上。
1.不要為繼承關系多帶帶創建對象。
2.盡量減少運行時的方法搜索。

// 原型鏈
function A(){
    // 將自有屬性改寫為原型屬性
    // this.a = "a";
}
A.prototype.a = "a";

function B(){
    // this.b = "b";
}

// 將B的原型指向
B.prototype = A.prototype;

B.prototype.b = "b";
/*B.prototype = {
    b : "b"
}*/

function C(){
    this.c = "c";
}
// 將C的原型指向
C.prototype = B.prototype;

var c = new C();
console.log(c.c);// c
console.log(c.b);
console.log(c.a);// a
原型鏈的問題

原型鏈雖然很強大,用他可以實現JavaScript中的繼承,但同時也存在著一些問題。
1.原型鏈實際上實在多個構造函數或對象之間共享屬性和方法。
2.常見子類的對象時,不能向父級的構造函數傳遞任何參數。
在實際開發中很少會多帶帶使用原型鏈。

// 原型鏈
function A(){
    // 將自有屬性改寫為原型屬性
    // this.a = "a";
}
A.prototype.a = "a";

function B(){
    // this.b = "b";
}

// 將B的原型指向
B.prototype = A.prototype;

B.prototype.b = "b";

function C(){
    // this.c = "c";
}
// 將C的原型指向
C.prototype = B.prototype;
C.prototype.c = "c";

var c = new C();
console.log(c.c);// c
console.log(c.b);// b
console.log(c.a);// a

var a = new A();

console.log(a.a);
console.log(a.b);
console.log(a.c);

var b = new B();

console.log(b.a);
console.log(b.b);
console.log(b.c);
繼承 原型式繼承

所謂的原型式繼承,就是定義一個函數,該函數中創建一個臨時性 的構造函數,將作為參數傳入的對象,作為這個構造函數的原型,左后返回這個構造函數的實例對象。

/*
    定義一個函數 - 用于實現對象之間的繼承
    * 參數
      * obj - 表示繼承關系中的父級對象
      * prop - 對象格式,表示繼承關系中的子級對象的屬性和方法
  */
function fn(obj, porp){
    // 定義一個臨時的構造函數
    function Fun(){
        // 遍歷對象的屬性和方法
        for (var attrName in porp) {
            // var attrValue = porp[attrName];
            this[attrName] = porp[attrName];
        }
    }
    // 將函數的參數作為構造函數的原型
    Fun.prototype = obj;
    // 將構造函數創建的對象進行返回
    return new Fun();
}
var obj = {
    name : "張無忌"
}
// 調用函數
var result = fn(obj, {
    age : 18,
    sayMe : function(){
        console.log("this is function");
    }
});
console.log(result.age);
result.sayMe();

注意;原型式繼承具有與原型鏈相同的問題。

借助構造函數

無論是原型鏈還是原型式繼承,都具有相同的問題。想要解決這樣的問題的話,可以借助構造函數(也可以叫做偽造對象或經典繼承)。
這種方式實現非常簡單,就是在子對象的構造函數中調用父對象的構造函數,具體可以通過調用apply()和call()方法實現。
apply()和call()方法允許傳遞指定某個對形象的 this。對于繼承來說,可以實現子對象構造函數中調用父對象的構造函數時,將子對象的this和父對象的this綁定在一起。

// 定義父級對象的構造函數
function Parent(){
    this.parent = "parent";
}

// 定義子級對象的構造函數
function Child(){
    // 調用父級對象的構造函數 -> 使用apply()或call()方法
    Parent.call(this);

    this.child = "child";
}
// 創建子級對象
var child = new Child();
console.log(child);
組合方式繼承

組合繼承,也佳作為經典繼承,指的是將原型鏈或原型式繼承和借助構造.函數的技術組合在一起,發揮二者長處的一種繼承方式。
1.使用原型鏈或原型式繼承實現對原型的屬性和方法的繼承。
2.通過借助構造函數實現對實例對象的屬性和繼承。
這樣既通過在原型定義方法實現了函數的重用,又保證每個對象都有自己的專有屬性。

function Parent(){
    // 構造函數的自有屬性
    this.name = "張無忌";
}
// 構造函數的原型屬性
Parent.prototype.age = 18;

function Child(){
    // 繼承父級構造函數中的自有屬性
    Parent.call(this);

    this.job = "教主";
}
// 繼承父級構造函數中的原型屬性
Child.prototype = Parent.prototype;

var child = new Child();

console.log(child.job);
console.log(child.age);
console.log(child.name);

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

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

相關文章

  • SegmentFault 技術周刊 Vol.32 - 七夕將至,你的“對象”還好嗎?

    摘要:很多情況下,通常一個人類,即創建了一個具體的對象。對象就是數據,對象本身不包含方法。類是相似對象的描述,稱為類的定義,是該類對象的藍圖或原型。在中,對象通過對類的實體化形成的對象。一類的對象抽取出來。注意中,對象一定是通過類的實例化來的。 showImg(https://segmentfault.com/img/bVTJ3H?w=900&h=385); 馬上就要到七夕了,離年底老媽老爸...

    李昌杰 評論0 收藏0
  • SegmentFault 技術周刊 Vol.32 - 七夕將至,你的“對象”還好嗎?

    摘要:很多情況下,通常一個人類,即創建了一個具體的對象。對象就是數據,對象本身不包含方法。類是相似對象的描述,稱為類的定義,是該類對象的藍圖或原型。在中,對象通過對類的實體化形成的對象。一類的對象抽取出來。注意中,對象一定是通過類的實例化來的。 showImg(https://segmentfault.com/img/bVTJ3H?w=900&h=385); 馬上就要到七夕了,離年底老媽老爸...

    Lyux 評論0 收藏0
  • SegmentFault 技術周刊 Vol.32 - 七夕將至,你的“對象”還好嗎?

    摘要:很多情況下,通常一個人類,即創建了一個具體的對象。對象就是數據,對象本身不包含方法。類是相似對象的描述,稱為類的定義,是該類對象的藍圖或原型。在中,對象通過對類的實體化形成的對象。一類的對象抽取出來。注意中,對象一定是通過類的實例化來的。 showImg(https://segmentfault.com/img/bVTJ3H?w=900&h=385); 馬上就要到七夕了,離年底老媽老爸...

    AaronYuan 評論0 收藏0
  • JavaScript面向對象編程——面向對象

    摘要:面向對象面向對象的概述面向對象是什么面向對象編程的全稱是,簡稱。面向對象編程是用抽象方式創建基于現實世界模型的一種編程。面向對象編程可以看做是使用一系列對象相互協作的軟件設計。面向對象編程的山歌主要的特征是封裝繼承多態。 面向對象 面向對象的概述 面向對象是什么 面向對象編程的全稱是Object Oriented Programming,簡稱OOP。面向對象編程是用抽象方式創建基于現實...

    SimonMa 評論0 收藏0
  • JavaScript面向對象編程學習筆記---概念定義

    摘要:子類繼承自父類的方法可以重新定義即覆寫,被調用時會使用子類定義的方法什么是多態青蛙是一個對象,金魚也是一個對象,青蛙會跳,金魚會游,定義好對象及其方法后,我們能用青蛙對象調用跳這個方法,也能用金魚對象調用游這個方法。 1、專用術語 面向對象編程程序設計簡稱:OOP,在面向對象編程中常用到的概念有:對象、屬性、方法、類、封裝、聚合、重用與繼承、多態。 2、什么是對象? 面向對象編程的重點...

    mikasa 評論0 收藏0
  • 面向對象JavaScript

    摘要:是完全的面向對象語言,它們通過類的形式組織函數和變量,使之不能脫離對象存在。而在基于原型的面向對象方式中,對象則是依靠構造器利用原型構造出來的。 JavaScript 函數式腳本語言特性以及其看似隨意的編寫風格,導致長期以來人們對這一門語言的誤解,即認為 JavaScript 不是一門面向對象的語言,或者只是部分具備一些面向對象的特征。本文將回歸面向對象本意,從對語言感悟的角度闡述為什...

    novo 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<