Js物件導向建構函式繼承

2022-07-28 08:24:11 字數 1066 閱讀 7626

建構函式繼承

function animal()
function dog(name,color)

如果"狗"的prototype物件,指向乙個animal的例項,那麼所有"狗"的例項,就能繼承animal了。

dog.prototype = new

animal();

dog.prototype.constructor = dog; //

將dog.prototype物件的constructor值改為dog

var dog1 = new dog("大毛","黃色");

alert(dog1.species);

//動物

利用空物件作為中介:

利用乙個空物件作為中介。

var f = function

(){};

f.prototype =animal.prototype;

cat.prototype = new

f();

cat.prototype.constructor = cat;

// f是空物件,所以幾乎不佔記憶體。這時,修改cat的prototype物件,不會影響到animal的prototype物件。

我們將上面的方法,封裝成乙個函式,便於使用。

function

extend(child, parent) ;

f.prototype =parent.prototype;

child.prototype = new

f();

child.prototype.constructor =child;

child.uber =parent.prototype;

}extend(dog,animal);

var dog1= new dog("大毛","黃色");

alert(dog1.species); // 動物

// 這個extend函式,就是yui庫如何實現繼承的方法。

JS物件導向 建構函式 繼承

繼承 子類繼承父類的屬性和方法 好處 減少 量,公共的父類可以復用.降低耦合度.js裡實現繼承的方法 1.通過改變構造建構函式中物件的指向實現繼承 2.通過原型鏈實現繼承.function animal function cat var cat new cat new出乙個例項改變呼叫物件的方法 1...

js 物件導向 建構函式

面向過程的時候我們寫 的方式是獲取元素 定義訊號量 定義鎖都是遇見需求就定義乙個變數 但是 無法復用 並且主要就是定義的 是變數 物件導向就是操作的是物件 把寫 的風格從面向過程改為物件導向 把變數封裝成物件即可 面向過程 var username 王老五 var age 13 var 男 cons...

JS物件導向程式設計(二) 建構函式的繼承

物件之間繼承的 5 中方法.比如,現在有乙個 動物 物件的建構函式.function animal 還有乙個 貓 物件建構函式 function cat name,color 怎樣才能使貓繼承動物呢?一.建構函式繫結 function cat name,color var cat1 new cat ...