天天躁日日躁狠狠躁AV麻豆-天天躁人人躁人人躁狂躁-天天澡夜夜澡人人澡-天天影视香色欲综合网-国产成人女人在线视频观看-国产成人女人视频在线观看

javascript 面向?qū)ο缶幊?聊聊對象的事

先看一下JSON(Javascript object notation)對象,JSON是一種腳本操作時常用的數(shù)據(jù)交換格式對象,相對于XML來說JSON是一種比較輕量級的格式,在一些intelligence的IDE中還可以方便的通過點操作JSON對象中的成員。

      JSON是一種鍵/值對方式來描述內(nèi)部成員的格式,其內(nèi)部成員可以是幾乎任何一種類型的對象,當(dāng)然也可以是方法、類、數(shù)組,也可以是另外一個JSON對象。

    var student = {
      Name: "張三",
      Age: 20,
      Hobby: "讀書",
      Books: [
        {
          BookName : "C#" ,
          Price : 70
        },
        {
          BookName : "Java" ,
          Price : 70
        },
        {
          BookName : "Javascript" ,
          Price : 80
        }
      ]
    };

      上面代碼用JSON對象描述了一個學(xué)生的信息,他有姓名、年齡、愛好、書集等。在訪問該學(xué)生對象時,可以通過student變量來操作學(xué)生的信息。

    var stuInfo = "姓名:" + student.Name +
           ",年齡:" + student.Age +
           ",愛好:" + student.Hobby +
           ",擁有的書:" +
                      student.Books[0].BookName + "、" +
           student.Books[1].BookName + "、" +
                      student.Books[2].BookName;
     alert(stuInfo);

      這樣的操作方式風(fēng)格和C#也非常相像。以上的代碼是靜態(tài)的構(gòu)造出了學(xué)生對象,學(xué)生對象的結(jié)構(gòu)就確定了。在其它的編程語言中一般對象結(jié)構(gòu)一旦確定就不能很方便的進行修改,但是在Javascript中的對象結(jié)構(gòu)也可以方便的進行改動。下面為student對象添加一個Introduce方法來做自我介紹。

    student.Introduce = function() {
      var stuInfo = "姓名:" + this.Name +
             ",年齡:" + this.Age +
             ",愛好:" + this.Hobby +
             ",擁有的書:" +
             this.Books[0].BookName + "、" +
             this.Books[1].BookName + "、" +
             this.Books[2].BookName;
      alert(stuInfo)
    };
    student.Introduce();

      student對象原來并沒有Introduce方法,第一次為student.Introduce賦值會在student對象中創(chuàng)建一個新的成員,后面如果再為student.Introduce賦值則會覆蓋上一次所賦的值。當(dāng)然我們這的值是一個function。也可以用類似索引的方式來添加成員。

    student["Introduce"] = function() {
     ……
    };
 
    student.Introduce();

當(dāng)然添加的成員也可以刪除掉。刪除掉之后則成為undefined,再訪問該成員時則不支持。

    delete student.Introduce;
    student.Introduce();
 

        image

        Javascript是弱類型的語言,有的時候即使有IDE的輔助也不能很清楚知道當(dāng)前所操作對象的成員,可能會需要對當(dāng)前對象的屬性進行查詢,這時候我們可以使用for循環(huán)來完成。

    for (var key in student) {
      document.write(key + " : " + student[key] + "<br />");
    };

        image

      對student對象進行遍歷時,是對student的成員進行遍歷,這里的key則對應(yīng)student對象中的每一個成員屬性名稱。student[key]則是對student某個成員進行訪問。如果想調(diào)用student的Introduce方法也可以用索引的方式,student[“Introduce”]()。

      上面簡單的聊了聊JSON對象,總的來說JSON是很方便的數(shù)據(jù)打包方式。Javascript中的其它的對象,不論是瀏覽器對象,還是自定義類型所創(chuàng)建的對象或者是數(shù)組等等,它們也都具有JSON對象類似的操作方式。我們可以直接用索引的方式為window添加成員,我們也可以為數(shù)組添加字符串形式的下標(biāo)把它當(dāng)成Hashtable來操作。

    window["Hi"] = function() {
      alert("helloworld!");
    };
    window["Hi"]();
 
    var array = [];
    array["一"] = "A";
    array["二"] = "B";
    array["三"] = "C";
    array["四"] = "D";
    alert(array["一"] + array["二"] + array["三"] + array["四"]);

      把數(shù)組當(dāng)成Hashtable來操作時,要注意,并非是為數(shù)組添加數(shù)組元素,而是在數(shù)組對象中添加新的屬性成員。而且如果for(var key in array)循環(huán)遍歷數(shù)組對象的話,key得到的卻不是array對象的屬性名稱,而是數(shù)組元素的索引號。

下一次聊聊function。

JavaScript技術(shù)javascript 面向?qū)ο缶幊?聊聊對象的事,轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 中文字幕不卡在线视频 | 欧美亚洲另类热图 | 亚洲欧美自拍清纯中文字幕 | 囯产免费精品一品二区三区视频 | 91精品国产色综合久久不 | 亚洲AV无码乱码A片无码蜜桃 | 国产亚洲精品AV麻豆狂野 | 男女啪啪抽搐呻吟高潮动态图 | 久久精品一区二区免费看 | 欧美AAAA片免费播放观看 | 善良的女房东味道2在线观看 | 亚洲成色WWW久久网站夜月 | 精品国产原创在线观看视频 | 一边吃奶一边添P好爽故事 一边吃奶一边啪啪真舒服 一本之道加勒比在线观看 一本之道高清在线观看一区 | 一边摸一边桶一边脱免费 | 美女大鸡鸡 | 综合精品欧美日韩国产在线 | 午夜在线观看免费观看 视频 | 99国产精品人妻无码免费 | 艳照门在线播放 | 一个人免费观看在线视频播放 | 亚洲 日韩 国产 制服 在线 | 国产不卡一卡2卡三卡4卡网站 | 午夜国产大片免费观看 | 黑人玩弄极品人妻系列 | 日本xxxx裸体xxxx | 40岁东北老阿姨无码 | 99热这里只有是精品 | 亚洲卫视论坛 | 嗯啊好爽视频 | 永久精品视频无码一区 | 午夜伦伦电影理论片费看 | 国内精品自产拍在线少密芽 | 97在线超碰免费视频 | 色婷婷综合激情中文在线 | 91精品国产91热久久p | 最近的2019中文字幕国语 | 如懿传免费观看在线全集 | 国产成人aaa在线视频免费观看 | 亚洲成色爱我久久 | 国产成人国产在线观看入口 |