javascript 問題

阿水

1. var c = (function(id){
   
2. 
   
3. /**
   
4. *  FunctionDeclaration to be used as a constructor.
   
5. */
   
6. function MyConstructor(id) {
   
7.     this.id = id;
   
8.     this.init();
   
9. }
   
10. 
    
11. MyConstructor.prototype = {
    
12.     init : function() { // function expression.
    
13. 
    
14.        // block statement with label.
    
15.         incrementI : {
    
16.             // Function scope (no block scope).
    
17.             var x = 10;
    
18.         }
    
19.         this.id += x;
    
20.     },
    
21.     toString : function() {
    
22.         return "MyConstructor: id = " + this.id;
    
23.     }
    
24. };
    
25. return new MyConstructor(id); // statement.
    
26. })(12);

複製代碼

有無網站介紹它的structure (這是從wiki 拿的), 完全唔明。
The result of c + "" is "MyConstructor: id = 22";

因為我個 project 有可能要用到 javascript as object

Phil_123

http://www.javascriptkit.com/javatutors/oopjs2.shtml
http://www.sitepoint.com/print/oriented-programming-1/

thinkpanda

從內至外去理解:

1. function MyConstructor(id) {
   
2.     this.id = id;
   
3.     this.init();
   
4. }

複製代碼

定義左一個function, 亦都係一個名稱係"MyConstructor" 既class 既object instance. 呢個"class" 入面有一個member variable "id", 而亦會執行呢個class 既 method "init". 但係直至目前為止, "MyConstructor" 都無"init" method. 不過由於重未執行"MyConstructor", 所以唔會出問題.

1. MyConstructor.prototype = {
   
2.     init : function() { // function expression.
   
3. 
   
4.        // block statement with label.
   
5.         incrementI : {
   
6.             // Function scope (no block scope).
   
7.             var x = 10;
   
8.         }
   
9.         this.id += x;
   
10.     },
    
11.     toString : function() {
    
12.         return "MyConstructor: id = " + this.id;
    
13.     }
    
14. };

複製代碼

呢段code 嘗試attach 更多method 到 MyConstructor class. 加入左 method "init" 同埋 method "toString". 到此, 原本不存在既method "init" 就有左目的地. method "init" 入面, "incrementI" 所定義既係一個code block, 注意呢個宣告係無 function() 字樣, 即係呢個code block 會即時執行, 並係其中宣告左一個local variable x, 數值為10. 然後method "init" 將MyConstructor object 既member variable id 加 10. method "toString" 負責印出"MyConstructor: id=XXX" 既訊息, 呢個toString 係之後我地會見到用法.

1. var c = (function(id){
   
2. 
   
3. // ..... deleted
   
4. 
   
5. return new MyConstructor(id); // statement.
   
6. })(12);

複製代碼

成段code 最外圍其實定義左一個function. 呢個function 入面定義左以上所講既class "MyConstructor". 呢個function 實際要執行既只係一句 "return new MyConstructor(id);". 呢個constructor 建立左一個MyConstructor object 之後, 執行上面設定id 數值同埋呼叫method 兩句. 有左呢個function 既定義, 最既(12)就係呼叫呢個無名function. 代入 id=12, 係建立MyConstructor object 之時, 執行init 令id 變成12+10 = 22. 呢個function 就傳回一個MyConstructor object 而裏面既id 既數值係22.

當我地evaluate c+"" 既時候, Javascript 會嘗試將c 變成一個String, 於是佢會呼叫呢個object instance 既 toString method, 結果印出 "MyConstructor: id=22" 呢個結果....

其實我都唔係好熟Javascript, 你俾左個機會我檢查下我係咪真係明, 上面既描述有錯請插.

hdvd-rom

有問題想問..

MyConstructor.prototype = { INIT:........};
MyConstructor.init = function(id){........};
分別是什麼?
Object.prototype作用是什麼,似乎和inherit一樣?
prototype 接受的輸入似乎是object?
當第二次使用MyConstructor.prototype = {.......};會代替了第一次的Object,還是會override?

阿水

原帖由 thinkpanda 於 2008-11-1 01:59 PM 發表
從內至外去理解:function MyConstructor(id) {
    this.id = id;
    this.init();
}定義左一個function, 亦都係一個名稱係"MyConstructor" 既class 既object instance. 呢個"class" 入面有一個member variable "id ...

thanks your your explain even if I don't fully understand because my chinese is not good   (Certfied as Uncle hk HKCEE)

阿水

prototype 有點似JSON

thinkpanda

原帖由 阿水 於 2008-11-2 10:42 發表
prototype 有點似JSON

JSON based on prototype. 因為JSON 既全名係 "JavaScript Object Notation"

thinkpanda

原帖由 hdvd-rom 於 2008-11-1 17:31 發表
有問題想問..

MyConstructor.prototype = { INIT:........};
MyConstructor.init = function(id){........};
分別是什麼?
Object.prototype作用是什麼,似乎和inherit一樣?
prototype 接受的輸入似乎是object?
當第 ...

prototype 提供左一個機制動態地加入method 到一個class 既所有object. 佢可以達成inheritance既效果, 但係本身唔係inerhitance

阿水

是否只可以有一個 constructor?

阿水

prototype based 應該要點先做到可以 在 child call parent 的function/constructor

是否可以multiple level inherit? e.g. Person (name) -> Employee (name, sal) -> Manager (name, sal, list of 手下)