導航:首頁 > 編程語言 > 列舉三個js繼承方式

列舉三個js繼承方式

發布時間:2024-01-16 09:43:02

A. javascript有哪些方法能夠實現繼承

JavaScript中要實現繼承,其實就是實現三層含義:
1、子類的實例可以共享父類的方法;
2、子類可以覆蓋父類的方法或者擴展新的方法;
3、子類和父類都是子類實例的「類型」。

JavaScript中,並不直接從語法上支持繼承,但是可以通過模擬的方法來實現繼承,以下是關於實現繼承的幾種方法的總結:
1、構造繼承法
2、原型繼承法
3、實例繼承法
4、拷貝繼承法

1、構造繼承法:
在子類中執行父類的構造函數。

1<SCRIPT LANGUAGE="JavaScript">
2 <!--
3 function dwn(s)
4 {
5 document.write(s+'<br/>');
6 }
7
8 //定義一個Collection類型
9 function Collection(size)
10 {
11 this.size = function(){return size}; //公有方法,可以被繼承
12 }
13
14 //定義一個_Collection類型
15 function _Collection(_size)
16 {
17 this._size = function(){return _size}; //公有方法,可以被繼承
18 }
19
20 Collection.prototype.isEmpty = function() //靜態方法,不能被繼承
21 {
22 return this.size() == 0;
23 }
24
25 //定義一個ArrayList類型,它「繼承」Colleciton類型
26 function ArrayList()
27 {
28 var m_elements = []; //私有成員,不能被繼承
29 m_elements = Array.apply(m_elements,arguments);
30
31 //ArrayList類型繼承Colleciton
32 this.base = Collection;
33 this.base.call(this,m_elements.length);
34
35 this.base = _Collection; //可以實現多態繼承
36 this.base.call(this,m_elements.length);
37
38 this.add = function()
39 {
40 return m_elements.push.apply(m_elements,arguments);
41 }
42
43 this.toArray = function()
44 {
45 return m_elements;
46 }
47 }
48
49 ArrayList.prototype.toString = function()
50 {
51 return this.toArray().toString();
52 }
53
54 //定義一個SortedList類型,它繼承ArrayList類型
55 function SortedList()
56 {
57 //SortedList類型繼承ArrayList
58 this.base = ArrayList;
59 this.base.apply(this,arguments);
60
61 this.sort = function()
62 {
63 var arr = this.toArray();
64 arr.sort.apply(arr,arguments);
65 }
66 }
67
68 //構造一個ArrayList
69 var a = new ArrayList(1,2,3);
70 dwn(a); //1,2,3
71 dwn(a.size()); //3 a從Collection繼承了size()方法
72 dwn(a.isEmpty); //undefined 但是a沒有繼承到isEmpty()方法
73
74 dwn(a._size()); //3 可以實現多態繼承
75
76 //構造一個SortedList
77 var b = new SortedList(3,1,2);
78 dwn(b.toArray());
79 b.add(4,0); //b 從ArrayList繼承了add()方法
80 dwn(b.toArray()); //b從ArrayList繼承了toArray()方法
81 b.sort(); //b自己實現sort()方法
82 dwn(b.toArray());
83 dwn(b);
84 dwn(b.size()); //b從Collection繼承了size()方法
85 //-->
86 </SCRIPT>

2、原型繼承法:
JavaScript是一種基於原型的語言。
要了解什麼是「原型繼承法」,先了解一下prototype的特性:prototype的最大特性是能夠讓對象實例共享原型對象的屬性,因此如果把某個對
象作為一個類型的原型,那麼我們說這個類型的所有實例都一這個對象為原型。這個時候,實際上這個對象的類型也可以作為那些以這個對象為原型的實例的類型。
假如:Point類的對象作為Point2D類型的原型(Point2D.prototype = new
Point(2)),那麼說Point2D的所有實例都是以Point類的對象為原型。此時,實際上Point類就可以作為Point2D類型的對象的類
型(相當於Point2D類型「繼承」了Point類型)。
見例:

1 <SCRIPT LANGUAGE="JavaScript">
2 <!--
3 function dwn(s)
4 {
5 document.write(s+"<br/>");
6 }
7
8 function Point(dimension) //定義一個Point類
9 {
10 this.dimension = dimension;
11 }
12
13 Point.prototype.distance = function() //靜態方法,可以被繼承
14 {
15 return this.dimension*2;
16 }
17
18 function Point2D(x,y) //定義一個Point2D類
19 {
20 this.x = x;
21 this.y = y;
22 }
23
24 Point2D.prototype = new Point(2); //運行「原型繼承法」使Point2D繼承Point
25
26 function Point3D(x,y,z) //定義Point3D類
27 {
28 this.x = x;
29 this.y = y;
30 this.z = z;
31 }
32
33 Point3D.prototype = new Point(3); //Point3D繼承Point類
34
35 var p2 = new Point2D(1,2); //構造一個Point2D對象
36
37 var p3 = new Point3D(1,2,3); //構造一個Point3D對象
38
39 dwn(p2.dimension); //2
40 dwn(p3.dimension); //3
41 dwn(p2.distance()); //4 可以繼承靜態方法
42 dwn(p3.distance()); //6 可以繼承靜態方法
43
44 dwn(p2 instanceof Point2D); //p2是Point2D對象
45 dwn(p2 instanceof Point); //Point2D繼承Point,p2是Point對象
46
47 dwn(p3 instanceof Point3D); //p3是Point3D對象
48 dwn(p3 instanceof Point); //Point3D繼承Point,p3是Point對象
49
50 //-->
51 </SCRIPT>

3、實例繼承法
構造繼承法和原型繼承法各有各的缺點,如:
構造繼承法沒有辦法繼承類型的靜態方法,因此它無法很好的繼承JavaScript的核心對象。
原型繼承法雖然可以繼承靜態方法,但是依然無法很好地繼承核心對象中的不可枚舉方法。
其中,javascript核心對象包括:
Array 表述數組。
Boolean 表述布爾值。
Date 表述日期。
Function 指定了一個可編譯為函數的字元串 JavaScript 代碼
Math 提供了基本的數學常量和函數;如其 PI 屬性包含了π的值。
Number 表述實數數值。
Object 包含了由所有 JavaScript 對象共享的基本功能。
RegExp 表述了一個正則表達式;同時包含了由所有正則表達式對象的共享的靜態屬性。
String 表述了一個 JavaScript 字元串。
(1)構造繼承法的局限性:

1 <SCRIPT LANGUAGE="JavaScript">
2 <!--
3 function MyDate()
4 {
5 this.base = Date;
6 this.base.apply(this,arguments);
7 }
8
9 var date = new MyDate();
10 alert(date.toGMTSring()); //對象不支持此方法或屬性
11 //核心對象(Date)的某些方法不能被構造繼承,原因是核心對象並不像我們自定義的一般對象那樣在構造函數里進行賦值或初始化操作。
12 //-->

(2)原型繼承的局限性

1 <SCRIPT LANGUAGE="JavaScript">
2 <!--
3 function MyDate()
4 {
5
6 }
7 MyDate.prototype = new Date();
8 var date = new MyDate();
9 alert(date.toGMTSring()); //'[object]不是日期對象'
10 //-->
11 </SCRIPT>

以上說明了「構造繼承法」和「原型繼承法」的局限性(局限之一:不能很好的繼承核心對象),下面介紹如何用實例繼承法來繼承核心對象。

在介紹之前首先了解以下關於構造函數:
構造函數通常沒有返回值,它們只是初始化由this值傳遞進來的對象,並且什麼也不返回。如果函數有返回值,被返回的對象就成了new表達式的值。

1 <SCRIPT LANGUAGE="JavaScript">
2 <!--
3 function dwn(s)
4 {
5 document.write(s+'<br/>');
6 }
7 function MyDate()
8 {
9 var instance = new Date(); //instance是一個新創建的日期對象
10 instance.printDate = function() //對日期對象instance擴展printDate()方法
11 {
12 dwn(instance.toLocaleString());
13 }
14 return instance; //將instance作為構造函數的返回值返回
15 }
16
17 var date = new MyDate();
18 dwn(date.toGMTString());
19 date.printDate();
20 dwn(date instanceof MyDate); //false
21 dwn(date instanceof Date); //true
22 //對象的構造函數將會是實際構造的對象的構造函數(new Date()),而不是類型本身的構造函數(new MyDate())
23 //-->
24 </SCRIPT>

4、拷貝繼承法

拷貝繼承法是通過對象屬性的拷貝來實現繼承。

1 <script language="JavaScript">
2 function Point(dimension)
3 {
4 this.dimension = dimension;
5 }
6
7 var Point2D = function(x,y)
8 {
9 this.x = x;
10 this.y = y;
11 }
12
13 Point2D.extend = function()
14 {
15 var p = new Point(2);
16 for(var each in p) //將對象的屬性進行一對一的復制。
17 {
18 //this[each] = p[each];
19 this.prototype[each] = p[each];
20 }
21 }
22 Point2D.extend();
23 //alert(Point2D.dimension);
24 alert(Point2D.prototype.dimension);
25 </script>

B. 請說明javascript的繼承機制和java繼承機制的區別

一,先來說說javascript的繼承機制的幾種方式:
1,原型鏈繼承:
優點:從instanceof關鍵字來看,實例既是父類的實例,又是子類的實例,看起來似乎是最純粹的繼承。
缺點:子類區別於父類的屬性和方法,必須在Sub.prototype = new Base();這樣的語句之後分別執行,無法被包裝到Sub這個構造器裡面去。例如:Sub.prototype.name = 「sub」;無法實現多重繼承。
2,構造繼承:
優點:可以實現多重繼承,可以把子類特有的屬性設置放在構造器內部。
缺點:使用instanceof發現,對象不是父類的實例。
3,實例繼承:
優點:是父類的對象,並且使用new構造對象和不使用new構造對象,都可以獲得相同的效果。
缺點:生成的對象實質僅僅是父類的實例,並非子類的對象;不支持多繼承。
4,拷貝繼承:
優點:支持多繼承。
缺點:效率較低;無法獲取父類不可枚舉的方法。
二,java繼承機制:
1,java里的類不能多重繼承,如果一個類一旦繼承了它的父類,那麼它就別想再繼承別的類。一個兒子只能有一個老爸,原本設計是沒錯的。可是在實際應用中,就會出現各種問題。
2,java里有更好的介面,介面從本質上來說可以更好的代替繼承。實現像C++里一樣的宏定義的功能,把你想要的東西都抽象在介面里,讓具體的類去實現這些功能。
三,綜上可以看出java不能多繼承,javascript可以,但是javascript沒有介面這一說話,也有局限性,各有千秋吧。

閱讀全文

與列舉三個js繼承方式相關的資料

熱點內容
win8怎麼顯示文件格式 瀏覽:547
文件伺服器中毒 瀏覽:721
如何修改網站訪問次數 瀏覽:518
mdfldf是什麼文件 瀏覽:569
文件在桌面怎麼刪除干凈 瀏覽:439
馬蘭士67cd機版本 瀏覽:542
javaweb爬蟲程序 瀏覽:537
word中千位分隔符 瀏覽:392
迷你編程七天任務的地圖怎麼過 瀏覽:844
word2003格式不對 瀏覽:86
百度雲怎麼編輯文件在哪裡 瀏覽:304
起名app數據哪裡來的 瀏覽:888
微信怎麼去泡妞 瀏覽:52
百度廣告html代碼 瀏覽:244
qq瀏覽器轉換完成後的文件在哪裡 瀏覽:623
jsp中的session 瀏覽:621
壓縮完了文件去哪裡找 瀏覽:380
武裝突襲3浩方聯機版本 瀏覽:674
網路機頂盒移動網路 瀏覽:391
iphone手機百度雲怎麼保存到qq 瀏覽:148

友情鏈接