2019中文字幕在线观看,免费在线国产精品,香蕉成人啪国产精品视频综合网

9.javaScript繼承原型鏈方式

Alex刺客 — Mon, 14 Dec 2009 07:11:00 GMT

1DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3    <head>
4        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5        <title>原型鏈方式title>
6        <script type="text/javascript">
7            /*
8            *    項目： book -> Javascript高級程序設計.pdf -> 第四章 -> 4.2.1 繼承的方式
9            *    說明：使用prototype屬性
10            *    練習者: Alex刺客
11            *    日期: 2009-12-13
12            */
13
14            /*
15                原型鏈方式
16                原型鏈的神奇之處在于突出顯示的代碼，這里把ClassB的prototype屬性設置成ClassA的實例。
17                這很有意義，因為想要ClassA的所有屬性和方法。所以把ClassB的全部屬性設置成ClassA的實例。
18                因為這種繼承方式使用了prototype屬性，所以instanceof運算符可以正確運行。
19            */
20            function ClassA () {}
21
22            ClassA.prototype.color = 'red';
23            ClassA.prototype.sayColor = function () {
24                alert(this.color);
25            }
26
27            function ClassB () {}
28            ClassB.prototype = new ClassA();
29            //添加新方法
30            ClassB.prototype.name = "ClassB";
31            ClassB.prototype.sayName = function () {
32                alert(this.name);
33            }
34
35            /*
36                混合方式對象冒充+原型鏈
37                跟建造類一樣的問題也出現在繼承當中，所以也就產生了這種方式。
38                用對象冒充繼承構造函數，用原型鏈繼承prototype對象的方法。
39            */
40
41            function ClassD ( sColor) {
42                this.color = sColor;
43                if(typeof ClassD._initMethod == "undefined") {
44                    ClassD.prototype.sayColor = function () {
45                        alert(this.color);
46                    }
47                    alert('ClassD我只生成一次!');
48                    ClassD._initMethod = true;
49                }
50            }
51            var cd = new ClassD();
52            function ClassE (sColor, sName) {
53                ClassD.call(this,sColor);
54                this.name = sName;
55                if(typeof ClassE._initMethod == "undefined") {
56                    ClassE.prototype.sayName =function () {
57                        alert(this.name);
58                    }
59                    alert('ClassE我只生成一次!');
60                    ClassE._initMethod = true;
61                }
62            }
63            ClassE.prototype = new ClassD();
64            /*
65                繼承機制不能采用動態化的原因是，prototype對象的唯一性。如果放入 if 區域
66                在代碼運行前，對象已被實例化了，并與原始的prototype對象聯系在一起。雖然用極
67                晚綁定可使對原型對象的修改正確地返映出來，但是替換prototype對象卻不會對該對象
68                產生任何影響。只有未來的對象實例才會反映出這種改變，這就使第一個實例變得不正確。
69
70            */
71
72            var ce1 = new ClassE("red","blueBoy");
73            var ce2 = new ClassE("blue","redBoy");
74            ce1.sayColor();
75            ce1.sayName();
76            ce2.sayColor();
77            ce2.sayName();
78
79
80        script>
81    head>
82    <body>
83    body>
84html>

Alex刺客 2009-12-14 15:11 發表評論

]]>

9.javaScript繼承對象冒充方式

Alex刺客 — Mon, 14 Dec 2009 07:10:00 GMT

1DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3    <head>
4        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5        <title>對象冒充方式title>
6        <script type="text/javascript">
7            /*
8            *    項目： book -> Javascript高級程序設計.pdf -> 第四章 -> 4.2.1 繼承的方式
9            *    練習者: Alex刺客
10            *    日期: 2009-12-13
11            */
12
13            /*
14                1.對象冒充
15            */
16            //ClassA類
17            function ClassA (sColor) {
18                this.color = sColor;
19                this.sayColor = function () {
20                        alert(this.color);
21                    }
22            }
23
24            //ClassB類
25            function ClassB(sColor,sName){
26                //當前對象的屬性是ClassA函數的指針
27                this.newMethod = ClassA;
28                //把參數傳遞給它
29                this.newMethod(sColor);
30                //刪除當前對象的ClassA函數的指針
31                delete this.newMethod;
32
33                //新增屬性和方法
34                this.name = sName;
35                this.sayName = function () {
36                    alert(this.name);
37                }
38            }
39
40            //var cb = new ClassB("blue!","Redboy");
41            //cb.sayColor();
42            //cb.sayName();
43
44            /*
45                call()方法
46                call()方法與對象冒充方法最相似。它的第一個參數用作this的對象。
47                其他參數都直接傳遞給函數自身。
48            */
49            //ClassC類
50            function ClassC(sColor,sName){
51                //this.newMethod = ClassA;
52                //this.newMethod(sColor);
53                //delete this.newMethod;
54                ClassA.call(this,sColor); //以上三行代碼由這行替代
55
56                //新增屬性和方法
57                this.name = sName;
58                this.sayName = function () {
59                    alert(this.name);
60                }
61            }
62
63            //var cc = new ClassC("blue","c");
64            //cc.sayColor();
65            //cc.sayName();
66
67            /*
68                apply()方法
69                apply()方法有兩個參數，跟call()方法相似，只是第二個參數變成了數組。
70            */
71            //ClassD類
72            function ClassD(sColor,sName){
73                //this.newMethod = ClassA;
74                //this.newMethod(sColor);
75                //delete this.newMethod;
76                ClassA.apply(this,new Array(sColor)); //以上三行代碼由這行替代
77
78                //新增屬性和方法
79                this.name = sName;
80                this.sayName = function () {
81                    alert(this.name);
82                }
83            }
84
85            //var dt = new ClassD("red","blueBoy");
86            //dt.sayColor();
87            //dt.sayName();
88
89        script>
90    head>
91    <body>
92    body>
93html>

Alex刺客 2009-12-14 15:10 發表評論

]]>

8.javaScript修改對象：創建新方法

Alex刺客 — Mon, 14 Dec 2009 07:00:00 GMT

Alex刺客 2009-12-14 15:00 發表評論

]]>

8.javaScript定義類的例子

Alex刺客 — Mon, 14 Dec 2009 06:54:00 GMT

Alex刺客 2009-12-14 14:54 發表評論

]]>

7.定義javaScript類或對象

Alex刺客 — Mon, 14 Dec 2009 06:52:00 GMT

閱讀全文

Alex刺客 2009-12-14 14:52 發表評論

]]>

6.javaScript類型轉換

Alex刺客 — Mon, 14 Dec 2009 06:50:00 GMT

1DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3    <head>
4        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5        <title>類型轉換title>
6        <script type="text/javascript">
7            /*
8            *    項目： book -> Javascript高級程序設計.pdf -> 第2章 -> 2.6 原始類型
9            *
10            *    練習者: Alex刺客
11            *
12            *    日期: 2009-12-13
13            */
14
15            /*
16                轉換成字符串
17                ECMAScript 的 Boolean、Number、String這此原始類型有趣在于它們都是偽對象
18                這意味著它們實際上具有屬性和方法。例如獲得字符串的長度，可以用length屬性。
19            */
20            var sColor = "red";
21            alert(sColor+"的長度是："+sColor.length);
22            //outputs "3"
23
24            /*
25                3種主要的原始類型值Boolean、Nnmber、String 都有 toString()方法。不要感到奇怪
26                String還有toString()方法。這是因為ECMAScript定義所有對象都有toString()方法無論它
27                是偽對象，還是真的對象。因為String類型屬于偽對象，所以它一定有toString()方法。
28            */
29            var str = "Alex刺客";
30            alert("String類型:'"+str+"'調用toString方法:雖然這是多余的：但我還是會給你："+str.toString());
31
32            /*
33                Number類型的toString()方法分為默認模式和基本模式。
34                采用基本模式時在調用toString()方法時傳遞一個參數比如：2 代表二進制， 8 代表八進制, 16代表十六進制
35            */
36
37            var n8Number = 017;
38            alert("八進制Number類型轉換為String:"+n8Number.toString());
39            //如果以上不調用toString()方法，也會執行toString()方法
40            alert("以二進制轉換成String:"+n8Number.toString(2));
41
42            /*
43                轉換成數字
44                ECMAScript提供兩種把非數字類型轉換成數字類型的方法，即parseInt()和parseFloat()。
45                注意：這兩個方法只轉換無效字符之前的字符串。比如: "4.3zefef" 跟 '4.3.3' 結果都是  4.3
46            */
47
48                var iNumber = parseInt('1234');
49                var fNumber = parseFloat('0.88');
50                alert("字符串轉換成數字整型:"+iNumber);
51                alert("字符串轉換成數字浮點型:"+fNumber);
52
53                /*
54                    parseInt()方法還有基本模式，可以把二進制、八進制、十六進制或其他任何進制的字符
55                    轉換成整數.是由parseInt()方法的第二個參數指定的。
56                    parseFloat()方法不支技基本模式
57                */
58
59                //轉換為16進制
60                var i16 = parseInt("af", 16);
61
62
63
64                /*
65                    強制類型轉換
66                    Boolean(value) ——把給定的值轉換成Boolean型
67                    Number(value)——把給定的值轉換成Number型
68                    String(value)——把給定的值轉換成String型
69                */
70
71                var b1 = Boolean("");            //false
72                var b2 = Boolean('hi');        //true
73                var b3 = boolean(100);        //true
74                var b4 = boolean(null);        //false
75                var b5 = boolean(0);            //false
76                var b6 = boolean(new Object());    //true
77
78
79                /*
80                    最后一種強制類型轉換方法String();可把任何值轉換成字符串。
81                */
82
83        script>
84    head>
85    <body>
86    body>
87html>

Alex刺客 2009-12-14 14:50 發表評論

]]>

5.String類型

Alex刺客 — Mon, 14 Dec 2009 06:49:00 GMT

Alex刺客 2009-12-14 14:49 發表評論

]]>

4.Number類型

Alex刺客 — Mon, 14 Dec 2009 06:47:00 GMT

1DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3    <head>
4        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5        <title>Number類型title>
6        <script type="text/javascript">
7            /*
8            *    項目： book -> Javascript高級程序設計.pdf -> 第2章 -> 2.6 原始類型
9            *
10            *    說明:    Number類型可以表示32位的整數，還可以表示64的浮點數。任何數字都被看作Number類型
11            *
12            *    練習者: Alex刺客
13            *
14            *    日期: 2009-12-13
15            */
16            //整數
17            var iNumber = 55;
18            //八進制。以0開頭
19            var iNumber8 = 070;
20            //十六進制。以0x開頭
21            var iNumber16 = 0xAf;
22
23            /*
24            注意：盡管Number類型可以表示為八進制或十六進制的字面量，
25            但所有的數學運算都是返回十進制結果。
26            */
27            alert(iNumber8+iNumber16);
28            //定義浮點值
29            var fNumber = 5.0;
30            //定義非常大的數，可用科學記數法
31            var fNumberMax = 3.889e7;
32            /*
33            也可用64位IEEE754形式存儲浮點值，這意味著十進制最多可以有17個十
34            進制位。17位之后的值將被截去，從而造成一些小的數學誤差。
35
36            幾個特殊值也被定義為Number 類型。前兩兩個是Number.MAX_VALUE
37            和Number.MIN_VALUE.它們定義了Number值集合的外邊界。
38            所有的ECMAScript數都必須在這兩個值之間。不過計算生成的數值結果可
39            以不落在這兩個數之間。當計算生成的數大于Number.MAX_VALUE時，它
40            將被賦予Number.POSITIVE_INFINITY,意味著不再有數字值。同樣，生成
41            的數值小于Number.MIN_VALUE的計算也會被賦予值Number.NEGATIVE_INFINITY，
42            也意味著不再有數字值。如果計算返回的是無窮大值，那么生成的結果不能再用于其它計算。
43            */
44
45            /*
46                由于無窮大數可以是正數也可以是負數，所以可用一個方法判斷一個數是否是有窮的。
47                IsFinite(Number value)方法! value要判數的值
48            */
49
50            /*
51                最后一個特殊值是NaN，表示非數(Not a Number)。NaN是個奇怪的特殊值。一般來說
52                這種情況發生在類型轉換失敗時。與無窮大值一樣，NaN也不能用于算術計算。NaN另一個
53                奇怪之處在于，它與自身不相等！
54            */
55
56            alert( NaN == NaN);
57            //false
58            //出于這種原因，不推薦使用NaN值本身。函數isNaN()會做得相當好。
59
60            alert("字符串'blue'不能轉為數字類型"+isNaN("blue"));
61            //true
62            alert("字符串'123'不能轉為數字類型"+isNaN("123"));
63            //false
64        script>
65    head>
66    <body>
67    body>
68html>

Alex刺客 2009-12-14 14:47 發表評論

]]>