JS繼承用法執行個體分析，js繼承執行個體分析

JS繼承用法執行個體分析，js繼承執行個體分析

本文執行個體分析了JS繼承的用法。分享給大家供大家參考。具體分析如下：

繼承 : 子類不影響父類，子類可以繼承父類的一些功能 ( 代碼複用 )

屬性的繼承 : 調用父類的建構函式 call

方法的繼承 : for in :  拷貝繼承 (jquery也是採用拷貝繼承extend)

1. 拷貝繼承

function Person (name){ this.name = name;}Person.prototype.showName =function (){ alert(this.name);}function Worker(name,job){ Person.call(this,name); this.job = job;}extend(Worker.prototype, Person.prototype);//如果用Worker.prototype=Person.prototype的話，會造成引用相同的問題function extend(obj1,obj2){ for(var i in obj2){   obj1[i] = obj2[i] }}var coder = new Worker('magicfly','frontEnd');coder.showName();

2. 類繼承

function Person (name){ this.name = name;}Person.prototype.showName =function (){ alert(this.name);}function Worker(name,job){ Person.call(this,name); this.job = job;}//Worker.prototype = new Person();// 這樣繼承會繼承父級的不必要屬性 function F(){};F.prototype = Person.prototype;Worker.prototype = new F();//通過建立一個臨時建構函式來解決 ,也稱為代理函數var coder = new Worker('MAGICFLY','START');coder.showName();

3. 原型繼承

var a = {  name : '小明'};var b = cloneObj(a);b.name = '小強';//alert( b.name );alert( a.name );function cloneObj(obj){  var F = function(){};  F.prototype = obj;  return new F();}

適用情況

拷貝繼承:  通用型的  有new或無new的時候都可以
類式繼承:  new建構函式
原型繼承:  無new的對象

希望本文所述對大家的javascript程式設計有所協助。