顯示廣告
隱藏 ✕
※ 本文為 Knuckles 轉寄自 ptt.cc 更新時間: 2012-10-11 04:28:35
看板 Ajax
作者 etrexetrex (moonet)
標題 [心得] JS的物件導向類別範本
時間 Fri Feb 24 17:41:43 2012


blog本文 : http://etrex.blogspot.com/2012/02/js-oop-class-template.html



為了節省大家的時間

我在看完了物件導向那篇文章之後
物件導向那篇文章 : http://msdn.microsoft.com/zh-tw/magazine/cc163419.aspx

參考 EaselJS 寫了一個 class 的範本
EaselJS : http://easeljs.com/
CreateJS | A suite of Javascript libraries and tools for building rich, interactive experiences with HTML5. A suite of Javascript libraries and tools for building rich, interactive experiences with HTML5. ...
 

彩色code : http://paste.plurk.com/show/913157/

黑白code :


(function(window){
    var MyClass = function(){
        //繼承類別的建構式
        繼承類別.call(this,建構式參數);
        //建構式
        this.initialize();
    }
    //繼承類別
    var p = MyClass.prototype = new 繼承類別();

    //static property 靜態屬性
    MyClass.屬性 = 1;
    MyClass.方法 = function(){};

    //public method 公開方法
    p.方法 = function(){};

    //private method 私有方法
    var 方法 = function(){};

    //建構式
    p.initialize = function(){
        //public variable 公開屬性
        this.屬性 = 1;

        //private variable 私有屬性
        var 屬性 = 1;
    }

    //把類別名稱掛在全域上
    window.MyClass = MyClass;
}(window));


--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 210.202.83.105
st900278:很多library都有模擬javascript物件導向 我是用extjs1F 02/26 16:03
gauss02:不錯2F 03/01 01:06

--
※ 看板: KnucklesNote 文章推薦值: 0 目前人氣: 0 累積人氣: 310 
※ 本文也出現在看板: Test
作者 etrexetrex 的最新發文:
  • +116 [XD] 時間觀念 - joke 板
    作者: 140.137.198.18 (台灣) 2011-11-09 19:05:32
    網誌版: ETREX的記憶體: 時間觀念 === 以下純文字版 === 現代人的時間觀念 好久 馬上 五分鐘 一下 改天 最後一天 有空的時候 再看看 永遠 謝謝收看 …
    130F 116推
  • +59 [轉寄][XD] 高級門鈴 - joke 板
    作者: 118.167.12.136 (台灣) 2011-06-18 10:49:59
    科科
    67F 60推 1噓
  • +67 [轉寄][XD] 高級門鈴 - joke 板
    作者: 118.167.12.136 (台灣) 2011-06-18 10:49:59
    看板 joke作者 etrexetrex (moonet)標題  高級門鈴時間 Fri Jun 17 22:49:59 2011 科科
    76F 68推 1噓
r)回覆 e)編輯 d)刪除 M)收藏 ^x)轉錄 同主題: =)首篇 [)上篇 ])下篇
看板名稱: 確定(Enter) 取消(Esc) 搜尋(Space)
查詢帳號: 確定(Enter) 取消(Esc) 搜尋(Space)
搜尋: m)m文 b)進板 c)未分類 a)作者 /)標題 q)取消?[q]

搜尋 送出(Enter) 取消(Esc)

回覆文章至: f)看板 m)作者信箱 b)兩者皆是 q)取消?[f]
要引用原文嗎? y)引用原文 n)不引用 a)全部回覆 r)複製原文 q)取消?[y]
轉錄本文章於看板: 1)使用連結 2)使用複製 q)取消 ?[1]
轉寄至站內信箱於使用者: 確定(Enter) 取消(Esc)
轉寄至站內信箱於使用者: 確定(Enter) 取消(Esc)
修改文章標題為: 確定(Enter) 取消(Esc)
修改文章標題為: 確定(Enter) 取消(Esc) 全部(a)

確定要刪除這篇文章?(可按大U救回) 確定(Enter) 取消(Esc)

刪除理由:

確定(Enter) 取消(Esc)
加到這個分類: 確定(Enter) 下一層(→) 回上層(←) 取消(Esc)
你覺得這篇文章: 1)真讚 2)真瞎 q)取消?[1] (再選一次即可收回)
你覺得這篇文章: 1)值得推薦 2)表示反對 3)單純註解 q)取消?[3]
guest
預覽(Enter) 取消(Esc)
上傳圖片
按ctrl+Enter可輸入下一行。
guest
確定要送出? 確定(Enter) 取消(Esc) 繼續(e)
搜尋: 送出(Enter) 取消(Esc)

▏▎▍▌▋▊▉ 請按任意鍵繼續