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

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

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

    Ajax小結

    這個月工作比較忙,再加上讀了一本<javascript權威指南>,還有....所以沒有心上來寫blog,這個月最后一天了,趕上來補下作業,這個月主要研究了下ajax,其實對于ajax,年初興起的時候玩過一陣,也做過一些東東,當時的技術也處在異步調用,返回xml,更新網頁控件這個階段,半年過去了,Prototype.js,DWR,TrimPath JSTemplate等技術的成熟,使ajax更平民化,使我們更容易在自已的系統中使用.以下總結一下這個月學到的東東,同時與以前使用ajax進行對比.
    高級javascript總結
    1.函數也是對象

    var ?myDog? = ? {
    ????bark:?
    function () {
    ????????alert('Woof
    ! ');
    ????}

    }
    ;

    var ?myCat? = ? {
    ????meow:?
    function () {
    ????????alert('I?am?a?lazy?cat.?I?will?not?meow?
    for ?you.');
    ????}

    }
    ;
    ?
    function ?annoyThePet(petFunction) {
    ????
    // let's?see?what?the?pet?can?do
    ????petFunction();
    }


    // annoy?the?dog:
    annoyThePet(myDog.bark);
    // annoy?the?cat:
    annoyThePet(myCat.meow);
    2.數組,對象成員
    js中創建對象以及給對象動態創建成員
    var?obj?=?{};?//new,?empty?object
    obj['member_1']?=?'this?is?the?member?value';
    obj['flag_2']?
    =?false;
    obj['some_function']?
    =?function(){?/*?do?something?*/};
    以上代碼等同
    var?obj?=?{
    ????member_1:'
    this?is?the?member?value',
    ????flag_2:?
    false,
    ????some_function:?
    function(){?/*?do?something?*/}
    }
    ;
    ????
    obj.some_function();
    obj['some_function']();
    上面代碼表示在對象中使用成員,類似于hash表中使用一個key.
    3.在js中使用class
    //defining?a?new?class?called?Pet
    var?Pet?=?function(petName,?age){
    ????
    this.name?=?petName;
    ????
    this.age?=?age;
    }
    ;

    //let's?create?an?object?of?the?Pet?class
    var?famousDog?=?new?Pet('Santa\'s?Little?Helper',?15);
    alert('This?pet?is?called?'?
    +?famousDog.name);
    JS中類的繼承一般通過prototype屬性
    Pet.prototype.communicate?=?function(){?
    ????alert('I?
    do?not?know?what?I?should?say,?but?my?name?is?'?+?this.name);
    }
    ;
    用Prototype.js會簡單一些,prototype.js這個框架的代碼很值得一讀,里面用到了很多高級的JS技巧,巧妙的設計的許多優秀的設計方案.
    var?Pet?=?Class.create();
    Pet.prototype?
    =?{
    ????
    //our?'constructor'
    ????initialize:?function(petName,?age){
    ????????
    this.name?=?petName;
    ????????
    this.age?=?age;
    ????}
    ,
    ????
    ????communicate:?
    function(){
    ????????alert('I?
    do?not?know?what?I?should?say,?but?my?name?is?'?+?this.name);
    ????}

    }
    ;????
    ????????
    4.將函數作為參數,類似于ruby的閉包寫法
    var?myArray?=?['first',?'second',?'third'];
    myArray.each(?
    function(item,?index){
    ????alert('The?item?
    in?the?position?#'?+?index?+?'?is:'?+?item);
    }
    ?);

    posted on 2006-10-31 15:03 The One 閱讀(300) 評論(0)  編輯  收藏


    只有注冊用戶登錄后才能發表評論。


    網站導航:
     
    <2006年10月>
    24252627282930
    1234567
    891011121314
    15161718192021
    22232425262728
    2930311234

    導航

    統計

    常用鏈接

    留言簿(3)

    隨筆檔案(11)

    相冊

    我的郵箱

    搜索

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 亚洲精品自产拍在线观看| 国产在线精品免费aaa片| 亚洲人成小说网站色| 亚洲偷自拍另类图片二区| 羞羞漫画在线成人漫画阅读免费| 免费一区二区三区在线视频| 国产拍拍拍无码视频免费| 国产亚洲无线码一区二区| 免费国产成人18在线观看| 亚洲成a人片在线观看中文动漫| 久久国产亚洲精品无码| 亚洲成av人在线观看网站| 国产免费一区二区三区不卡| 四虎免费大片aⅴ入口| 国产日韩成人亚洲丁香婷婷| 亚洲大香人伊一本线| 午夜在线免费视频 | 久久精品国产亚洲AV电影| 久久久久免费看成人影片| a级成人毛片免费视频高清| 香蕉高清免费永久在线视频| 亚洲国产精品久久久天堂| 亚洲AV无码资源在线观看| 99re视频精品全部免费| 亚洲AV无码久久久久网站蜜桃 | 在线看片免费人成视频播| 亚洲视频一区二区在线观看| 成人一级免费视频| 亚洲精品无码久久久久去q| www视频在线观看免费| 国产V亚洲V天堂A无码| 亚洲最大免费视频网| 亚洲va在线va天堂va888www| 亚洲高清中文字幕免费| 久久久亚洲精品无码| 18国产精品白浆在线观看免费| 久久精品国产亚洲AV大全| 免费无码黄动漫在线观看| 日韩a级无码免费视频| 亚洲日韩国产精品乱-久| 亚洲一区爱区精品无码|