<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∨网站| 7x7x7x免费在线观看| 国产午夜免费福利红片| 亚洲欧美aⅴ在线资源| 西西大胆无码视频免费| 亚洲国产日韩在线人成下载| 国产精品成人观看视频免费| 亚洲免费观看网站| 毛片免费全部播放一级| 亚洲精品无播放器在线播放| 国产三级免费观看| 一区二区三区免费高清视频| 深夜a级毛片免费视频| 久视频精品免费观看99| 亚洲精品视频在线观看视频| 男女免费观看在线爽爽爽视频 | rh男男车车的车车免费网站 | 国产精品免费精品自在线观看| 亚洲第一二三四区| 成年女人免费视频播放体验区 | 中文字幕免费观看视频| 成人A级毛片免费观看AV网站| 激情五月亚洲色图| 成人无码WWW免费视频| 亚洲精品视频在线| 无码免费午夜福利片在线| 亚洲av午夜电影在线观看| 亚洲一级片免费看| 69视频在线观看高清免费| 中文有码亚洲制服av片| 亚洲国产成人影院播放| 一级毛片免费观看| 亚洲Av永久无码精品一区二区| 亚洲VA综合VA国产产VA中| 久热中文字幕在线精品免费| 亚洲精品在线不卡| 免费看少妇高潮成人片| 毛片视频免费观看| 四只虎免费永久观看| 亚洲精品影院久久久久久| 国产精品亚洲二区在线|