<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)

    相冊

    我的郵箱

    搜索

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 亚洲国产精品成人一区| 亚洲精品天天影视综合网| 免费A级毛片无码A| 国产亚洲精品a在线观看app| 亚洲最新中文字幕| 免费精品视频在线| 青娱乐免费视频在线观看| 国产精品V亚洲精品V日韩精品| 亚洲一区二区中文| 一级毛片**免费看试看20分钟| www视频在线观看免费| 国产成人精品亚洲精品| 一级毛片免费不卡直观看| 久久国产成人亚洲精品影院 | 国产av无码专区亚洲av果冻传媒| 亚洲国产成人久久99精品| a级毛片在线免费观看| 国产免费卡一卡三卡乱码| 亚洲人6666成人观看| 久久久久免费看黄A片APP| 亚洲视频在线观看网址| 两个人看的www高清免费观看| 亚洲AV无码乱码国产麻豆| 亚洲免费日韩无码系列| 国产一精品一aⅴ一免费| 日韩免费在线中文字幕| 在线观看免费亚洲| 亚洲性色精品一区二区在线| 91短视频免费在线观看| 亚洲 日韩 色 图网站| 无码人妻一区二区三区免费| 亚洲一区影音先锋色资源| 精品女同一区二区三区免费站| 亚洲丝袜中文字幕| 无限动漫网在线观看免费| 日韩亚洲人成网站| 国产又大又黑又粗免费视频| 亚洲精品无码高潮喷水A片软| 中文字幕影片免费在线观看| 真正全免费视频a毛片| 无码欧精品亚洲日韩一区夜夜嗨 |