js 採用prototype實現繼承

2021-06-22 03:15:40 字數 725 閱讀 8777

//採用prototype的方式實現js繼承

//呼叫a的建構函式時,沒有給他傳遞引數。這是prototype中標準做法,要確保建構函式沒有任何引數

function a()

a.prototype.acolor = "red";

a.prototype.ashowcolor = function()

function b()

b.prototype = new a();

//子類的所有屬性和方法都必須出現在prototype屬性被賦值後,因為在它之前賦值的所有方法都會被刪除,

//為什麼,因為prototype屬性被替換成了新物件,新增了新方法的原始物件將被銷毀

b.prototype.bname = "demo";

b.prototype.bshowname = function()

//prototype是不支援多重繼承,它會重寫類的prototype屬性

var obja = new a();

obja.ashowcolor();

document.writeln("----------------");

var objb = new b();

objb.acolor = "black";

objb.ashowcolor();

objb.bshowname();

document.writeln("----------------");

JS 原型(prototype)詳解

首先來看一段 function c function f 在js中 function 關鍵字有兩個含義,既可以把它當作乙個普通函式關鍵字,也可以把它當作類的建構函式 即定義類 關鍵字。上面定義的兩個函式,不管你是想定義乙個類的建構函式還是就定義乙個普通函式。它們都包含乙個prototype和cons...

js中的原型prototype

var arr1 new array 12,34,98,43,38,79,56,1 arr1.sum function var result 0 for var i 0 i如果現在還有個arr1 物件也要求和 var arr2 new array 54,29,1,10 那麼還要給 arr2再新增乙個...

JS高階 函式的prototype

思維導圖 棧堆翻譯為為stack 1 原型與原型鏈 概念一 原型物件 驗證步驟 1 列印data函式的原型prototype 原型屬性指向原型物件 es原始碼結構分析示意 2 空物件 3 js特點 動態新增屬性 小結 prototype原型 constructor構造 1 每個函式有乙個protot...