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

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

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

    最愛Java

    書山有路勤為徑,學海無涯苦作舟

    javascript面向對象技術基礎(三)

            本文轉載于javaeye(http://www.javaeye.com/wiki/Object_Oriented_JavaScript/1279-javascript-object-oriented-technology-one),只進行了重新排版以便收藏。
            文中所有英文語句(程序語句除外),都引自<<javascript-the definitive guide,5th edition>>。

    ------------------------------------------------------------------------------------
    函數
            javascript函數相信大家都寫過不少了,所以我們這里只是簡單介紹一下。
            創建函數:
                    function f(x) {........}
                    var f = function(x) {......}
            上面這兩種形式都可以創建名為f()的函數,不過后一種形式可以創建匿名函數。函數定義時可以設置參數,如果傳給函數的參數個數不夠,則從最左邊起依次對應,其余的用undefined賦值,如果傳給函數的參數多于函數定義參數的個數,則多出的參數被忽略。

    1function myprint(s1,s2,s3) {   
    2    alert(s1+"_"+s2+"_"+s3);   
    3}
       
    4myprin();      //undefined_undefined_undefined   
    5myprint("string1","string2"); //string1_string2_undefined   
    6myprint("string1","string2","string3","string4"); //string1_string2_string3  

            因此,對于定義好的函數,我們不能指望調用者將所有的參數全部傳進來。對于那些必須用到的參數應該在函數體中加以檢測(用!操作符),或者設置默認值然后同參數進行或(||)操作來取得參數。

     1function myprint(s1,person) {   
     2    var defaultperson = {   //默認person對象   
     3        "name":"name1",   
     4    "age":18,   
     5    "sex":"female"  
     6    }
    ;   
     7    if(!s1) {    //s1不允許為空   
     8        alert("s1 must be input!");   
     9    return false;   
    10    }
       
    11    person = person || defaultperson;  //接受person對象參數   
    12    alert(s1+"_"+person.name+":"+person.age+":"+person.sex);   
    13}
    ;   
    14  
    15myprint(); //s1 must be input!   
    16myprint("s1"); //s1_name1:18:female   
    17myprint("s1",{"name":"sdcyst","age":23,"sex":"male"});  //s1_sdcyst:23:male  

            函數的arguments屬性
            在每一個函數體的內部,都有一個arguments標識符,這個標識符代表了一個Arguments對象。Arguments對象非常類似于Array(數組)對象,比如都有length屬性,訪問它的值用"[]"操作符利用索引來訪問參數值。但是,二者是完全不同的東西,僅僅是表面上有共同點而已(比如說修改Arguments對象的length屬性并不會改變它的長度)。
    1function myargs() {   
    2    alert(arguments.length);   
    3    alert(arguments[0]);   
    4}
       
    5myargs();   //0  ---  undefined   
    6myargs("1",[1,2]);  //2 --- 1  

             Arguments對象有一個callee屬性,標示了當前Arguments對象所在的方法。可以使用它來實現匿名函數的內部遞歸調用。

    1function(x) {   
    2    if (x <= 1return 1;   
    3    return x * arguments.callee(x-1);   
    4}
      (section8.2

    ------------------------------------------------------------------

    Method--方法
            方法就是函數。我們知道,每一個對象都包含0個或多個屬性,屬性可以是任意類型,當然也包括對象。函數本身就是一種對象,因此我們完全可以把一個函數放到一個對象里面,此時,這個函數就成了對象的一個方法。此后如果要使用該方法,則可以通過對象名利用"."操作符來實現。

    1var obj = {f0:function(){alert("f0");}}//對象包含一個方法   
    2function f1() {alert("f1");}   
    3obj.f1 = f1;    //為對象添加方法   
    4  
    5obj.f0(); //f0  f0是obj的方法   
    6obj.f1(); //f1  f1是obj的方法   
    7f1();     //f1  f1同時又是一個函數,可以直接調用   
    8f0();     //f0僅僅是obj的方法,只能通過對象來調用  

            方法的調用需要對象的支持,那么在方法中如何獲取對象的屬性呢?this!this關鍵字我們已經很熟悉了,在javascript的方法中,我們可以用this來取得對方法調用者(對象)的引用,從而獲取方法調用者的各種屬性。

    1var obj = {"name":"NAME","sex":"female"};   
    2obj.print = function() {  //為對象添加方法   
    3    alert(this.name + "_" + this["sex"]);   
    4}
    ;   
    5obj.print();  //NAME_female   
    6obj.sex = "male";   
    7obj.print();  //NAME_male  

        下面我們來一個更加面向對象的例子:

     1var person = {name:"defaultname",   
     2              setName:function(s){   
     3              this.name = s;   
     4          }
    ,   
     5          "printName":function(){   
     6              alert(this.name);   
     7          }
    }
       
     8person.printName();       //defaultname   
     9person.setName("newName");   
    10person.printName();       //newName  

            在上面的例子中,完全可以用person.name=..來直接改變person的name屬性,在此我們只是為了展示一下剛才提到的內容。
            另一種改變person屬性的方法就是:定義一個function,接收兩個參數,一個是person,一個是name的值,看起來像是這樣:changeName(person,"newName")。哪種方法好呢?很明顯,例子中的方法更形象,更直觀一些,而且好像有了那么一點面向對象的影子。

            再次強調一下,方法(Method)本身就是是函數(function),只不過方法的使用更受限制。在后面的篇幅中,如果提到函數,那么提到的內容同樣適用于方法,反之則不盡然。

    函數的prototype屬性
            每一個函數都包含了一個prototype(原型)屬性,這個屬性構成了javascript面向對象的核心基礎。在后面我們會詳細討論。

    posted on 2009-10-20 11:04 Brian 閱讀(192) 評論(0)  編輯  收藏 所屬分類: JScript

    公告


    導航

    <2009年10月>
    27282930123
    45678910
    11121314151617
    18192021222324
    25262728293031
    1234567

    統計

    常用鏈接

    留言簿(4)

    隨筆分類

    隨筆檔案

    收藏夾

    搜索

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 美女视频黄频a免费| 无码国产精品一区二区免费3p | 69天堂人成无码麻豆免费视频| avtt天堂网手机版亚洲| 免费永久看黄在线观看app| 女人隐私秘视频黄www免费| 亚洲人成网男女大片在线播放| 免费无码又爽又刺激高潮| a级午夜毛片免费一区二区| 天天爽亚洲中文字幕| 中文国产成人精品久久亚洲精品AⅤ无码精品 | 亚洲高清无码在线观看| 99re热精品视频国产免费| 亚洲爆乳精品无码一区二区| 国产av天堂亚洲国产av天堂| 日本免费中文字幕在线看| 久久成人免费大片| 亚洲精品色在线网站| 亚洲国产二区三区久久| 国产人成免费视频| 免费看污成人午夜网站| 国产免费久久久久久无码| 亚洲欧美日韩国产精品一区| 亚洲欧洲在线观看| 亚洲精品乱码久久久久久蜜桃| 免费看黄视频网站| 久久免费公开视频| 亚洲免费在线观看| 亚洲精华液一二三产区| 亚洲色偷偷av男人的天堂| 中文字幕不卡亚洲 | 亚洲大香人伊一本线| 亚洲午夜未满十八勿入网站2| 成人网站免费观看| 69国产精品视频免费| eeuss影院免费直达入口| 亚洲成a人片在线观看天堂无码| 亚洲色图黄色小说| 国产成A人亚洲精V品无码性色| 波多野结衣免费视频观看| 成年美女黄网站色大免费视频|