<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    一直都在用JavaScript完成一些客戶端的功能,每次應(yīng)用都是到網(wǎng)上現(xiàn)查現(xiàn)用,卻從來沒有系統(tǒng)的學(xué)習(xí)一下JavaScript。

    有一次企圖偷窺一下它的內(nèi)涵,發(fā)現(xiàn)身邊一個朋友正捧著一本JavaScript的書在看,忘記叫什么名字了,只記得比《thinking in java》還要厚,當(dāng)時就放棄了偷窺的念頭。

    昨天在看關(guān)于AJAX的一本書時,正好很大的一部分篇幅是講JavaScript的。讀了讀,感覺JavaScript真的好強(qiáng)大。同樣是一種面向?qū)ο蟮恼Z言,學(xué)習(xí)起來有很多和JAVA很相似的地方。

    JavaScript中的"類"

    在面向?qū)ο蟮乃枷胫校詈诵牡母拍钪痪褪穷悺?一個類表示了具有相似性質(zhì)的一類事物的抽象,通過實(shí)例化一個類,可以獲得屬于該類的一個實(shí)例,即對象。

    在JavaScript中,最常見的代碼如下:

    function funcName(){
      
    // 具體內(nèi)容
    }


    我們叫funcName為一個函數(shù),其實(shí)funcName也可以理解成一個類,甚至也可以理解成一個對象。

    認(rèn)識function

    我們都知道可以用function關(guān)鍵字定義一個函數(shù),并為每一個函數(shù)指定一個函數(shù)名,通過函數(shù)名來進(jìn)行調(diào)用。在JavaScript解釋執(zhí)行時,函數(shù)都是被維護(hù)為一個對象,這就是函數(shù)對象。

    函數(shù)對象和其它用戶自定義的對象有著本質(zhì)的區(qū)別,它和日期對象(Date),數(shù)組對象(Array)等一樣,都屬于內(nèi)部對象。這些對象的構(gòu)造器是有JavaScript本身定義的:通過執(zhí)行new Date()這樣的語句返回一個對象。

    函數(shù)對象對應(yīng)的類型是function,同日期對象對應(yīng)的類型是Date一樣,可以通過new function()來創(chuàng)建一個函數(shù)對象,也可以通過function關(guān)鍵字來創(chuàng)建一個對象。如:

    function func()
    // 1.有名函數(shù),函數(shù)名為func。
    //
     2.函數(shù)名被調(diào)用才執(zhí)行。
    }

    var func = new function()
    // 1.無名函數(shù),func只是一個變量對象指向了這個函數(shù)。
    //
     2.先初始化函數(shù),也就是執(zhí)行一次,再把創(chuàng)建的函數(shù)對象賦給func。
    }


    prototype原型對象

    prototype是一個對象。

    prototype對象是實(shí)現(xiàn)面向?qū)ο蟮囊粋€重要機(jī)制,所以特別記錄一下。

    由上面可以看出,每個函數(shù)其實(shí)也是一個對象,它們對應(yīng)的類是“function”。這里,JavaScript同Java不同,就是,每一個函數(shù)對象都有一個子對象prototype。prototype對象表示該函數(shù)的原型,把函數(shù)理解成類,也就是說,prototype表示了一個類的組成。

    當(dāng)通過new來獲取一個類的對象的時候,prototype對象的成員都會成為實(shí)例化對象的成員。如:

    function student(){
    }

    student.prototype.name
    ="realsmy";
    student.prototype.showBlog
    =function(){
        alert(http:
    //m.tkk7.com/realsmy);
    }


    類的實(shí)現(xiàn)

    // 定義一個類student
    function student(){
      
    // 相當(dāng)于構(gòu)造函數(shù)
    }

    // 無類型對象的構(gòu)造方法來指定prototype對象。
    student.prototype = {
      
    // 屬性
      name:"realsmy";
      
    // 方法
      showBlog:function(){
        alert(
    this.name+" :http://m.tkk7.com/realsmy");
        
    // 注意,類的成員之間互相引用,必須通過this指針來進(jìn)行。
      }

    }

    這樣更像傳統(tǒng)意義面向?qū)ο笳Z言中類的實(shí)現(xiàn),只是構(gòu)造函數(shù)和類的定義被分成了兩個部分。

    實(shí)現(xiàn)private,static

    private:
    前面的例子都屬于共有成員,也就是說,向任何實(shí)例公開這些屬性和方法。
    JavaScript中沒有特殊的機(jī)制來定義私有成員,但可以通過變量的作用域來實(shí)現(xiàn)。

    function student(){
      
    var id = "007";
      
    this.myId = id;
      
    this.showId() = function(){
        alert(id); 
    // 可以訪問id
        alert(this.myId); 
      }

    }

    var stu = new student();
    // stu.id這個會被認(rèn)作是未定義的
    stu.myId = "008"// 有效賦值
    stu.showId(); // 彈出"007"和"008"


    static:

    靜態(tài)成員也是一個類的成員。
    因?yàn)楹瘮?shù)也是一個對象,所以可以用給函數(shù)對象直接添加成員的方法來實(shí)現(xiàn)靜態(tài)成員。

    function student(){
    }

    // 靜態(tài)屬性
    student.school = "po da xue";
    // 靜態(tài)方法
    student.out = function(){
      alert(
    "jin tian ni tao ke le ma?");
    }

    這樣每一個student對象都可以調(diào)用到那個屬性和方法。
    或者
    function.prototype.show = function(){
      
    // 
    }


    這樣是給每個函數(shù)對象都添加通用的靜態(tài)方法。

    類的繼承

    利用反射機(jī)制和prototype實(shí)現(xiàn)繼承
    為了方便,可以先為每一個類添加一個共有的方法,用以實(shí)現(xiàn)繼承。

    function.prototype.inherit = function(baseClass){
      
    // 反射機(jī)制
      for(var p in baseClass.prototype){
        
    this.prototype[p] = baseClass.prototype[p];
      }

    }

    基類

    function class1(){
      
    // 
    }

    class1.prototype 
    = {
      
    // 
      method:function(){}
    }

    子類

    function class2(){
      
    // 
    }

    class2.inherit();
    class2.prototype.method 
    = function(){
      
    // 覆蓋父類中的method方法。
    }


    這樣的方法是在犧牲了一定的代碼可讀性為代價(jià)的前提下,實(shí)現(xiàn)了類的繼承。據(jù)說現(xiàn)在javascript的一種框架已經(jīng)更好的實(shí)現(xiàn)了類的繼承機(jī)制,還沒有研究過。呵呵。

    function是所有函數(shù)對象的基礎(chǔ),Object是所有對象(包括函數(shù)對象)的基礎(chǔ)。

    感覺,所有面向?qū)ο笳Z言的設(shè)計(jì)思想都是一致的。簡單說就是以對象為基礎(chǔ)。JavaScript作為一種面向?qū)ο蟮恼Z言,同樣是以對象為基礎(chǔ)的。

    理解JavaScript面向?qū)ο蟮乃枷耄瑢ξ乙院髮W(xué)習(xí)JavaScript的一些高級技術(shù)會有很大幫助。

    故,記錄筆記于此。



    歡迎來訪!^.^!
    本BLOG僅用于個人學(xué)習(xí)交流!
    目的在于記錄個人成長.
    所有文字均屬于個人理解.
    如有錯誤,望多多指教!不勝感激!

    Feedback

    # re: 從Java的面向?qū)ο笾笤賹W(xué)JavaScript的面向?qū)ο?nbsp; 回復(fù)  更多評論   

    2007-09-21 17:16 by 千里冰封
    面向?qū)ο蟮乃枷刖褪呛?/div>

    # re: 從Java的面向?qū)ο笾笤賹W(xué)JavaScript的面向?qū)ο?nbsp; 回復(fù)  更多評論   

    2007-09-21 17:22 by 久城
    :)恩。特別是學(xué)過一種語言之后,再學(xué)另一種時,理解上會快很多。

    只學(xué)JAVA時還對面向?qū)ο鬀]什么感覺,再學(xué)另一種面向?qū)ο蟮恼Z言時,才開始有那么一點(diǎn)點(diǎn)感覺,發(fā)現(xiàn)很多共同的思想,我想那就是都是基于面向?qū)ο笫谷坏陌伞?/div>

    # re: 從Java的面向?qū)ο笾笤賹W(xué)JavaScript的面向?qū)ο?nbsp; 回復(fù)  更多評論   

    2007-09-22 17:31 by 我為J狂
    好東西,收藏了。

    # re: 從Java的面向?qū)ο笾笤賹W(xué)JavaScript的面向?qū)ο?nbsp; 回復(fù)  更多評論   

    2007-11-22 18:34 by 彭俊
    呵呵 不錯

    不過在 function.prototype.show()的定義不能算是student的靜態(tài)方法。

    # re: 從Java的面向?qū)ο笾笤賹W(xué)JavaScript的面向?qū)ο?a name="Post">  回復(fù)  更多評論   

    2007-11-22 20:47 by 久城
    @彭俊

    好久不見。

    function.prototype.show()為什么不算是靜態(tài)方法呢?

    Copyright © 久城

    主站蜘蛛池模板: 亚洲a∨无码一区二区| 俄罗斯极品美女毛片免费播放| 久久亚洲熟女cc98cm| 久久aⅴ免费观看| 亚洲AV无码第一区二区三区| 精品视频在线免费观看| 国产A在亚洲线播放| 香港a毛片免费观看| 亚洲黄色在线观看网站| 最近中文字幕免费2019| 亚洲精品免费在线| 青青青免费国产在线视频小草| 亚洲一区二区三区久久| 无码专区永久免费AV网站 | 亚洲精品无码av片| 麻豆国产VA免费精品高清在线 | 黄色一级毛片免费| 亚洲国产精品视频| 国产日韩久久免费影院| 久久精品夜色国产亚洲av| 日本免费大黄在线观看| 亚洲国产人成在线观看| 成人激情免费视频| 在线播放亚洲精品| 国产福利电影一区二区三区,亚洲国模精品一区 | 77777亚洲午夜久久多喷| 噜噜嘿在线视频免费观看| 最新亚洲人成无码网www电影| 亚洲国产成人精品女人久久久 | 亚洲第一页综合图片自拍| aaa毛片免费观看| 亚洲A∨无码一区二区三区| 最近2018中文字幕免费视频| 亚洲av产在线精品亚洲第一站| 妞干网在线免费观看| 美女黄色免费网站| 亚洲午夜国产精品无码老牛影视| 免费视频成人片在线观看| 77777亚洲午夜久久多喷| 免费a在线观看播放| 中文字幕在线视频免费|