Js基礎(chǔ)之對(duì)象

JS中一切皆為對(duì)象蝶溶,這是一句常說的話。了解JS對(duì)象宣渗,從這句話開始吧。JS中的基本數(shù)據(jù)類型如number梨州,bool痕囱,字符串,數(shù)組暴匠,null鞍恢,undefined等等都是對(duì)象。

對(duì)象的本質(zhì):

帶有屬性和方法的特殊數(shù)據(jù)類型每窖,而每個(gè)屬性或者方法又可看做是一個(gè)鍵值對(duì)帮掉,因此可以這樣定義:對(duì)象是一系列無序鍵值對(duì)的集合

在JS中對(duì)象分為兩種:

  • JS的內(nèi)建對(duì)象,如:string窒典,Date蟆炊,Array等
  • 你自己創(chuàng)建的對(duì)象

JS中如何創(chuàng)建自己的對(duì)象:

1 對(duì)象初始化器,這種方式最為簡(jiǎn)單暴力,直接一系列明顯的鍵值對(duì)集合瀑志。

    var obj={
       name:'PengL',
       age:100,
       func:function()
       {
           alert("I am "+obj.name+" and I am  "+obj.age);
       }
   };

2 構(gòu)造函數(shù)

    function person(name,age){
        this.name=name;
        this.age=age;
        this.func=func;
        function func()
        {
            alert("I am "+this.name+" and I am  "+this.age);
        }
    }
    var obj=new person("PengL",100);

說明:第一種方法是直接創(chuàng)建的一個(gè)對(duì)象的實(shí)例涩搓,第二種是通過new構(gòu)造函數(shù)的方式來創(chuàng)建一個(gè)對(duì)象污秆,并且傳入不同的參數(shù),這樣對(duì)象對(duì)應(yīng)的屬性值就不一樣昧甘。不過要注意的是不要忘了new良拼,不然就是把一個(gè)普通函數(shù)賦給了obj,并且這時(shí)的this指向也是混亂的了充边。關(guān)于this指向的問題可以參考一下作者的另一篇博客javascript進(jìn)階之this

對(duì)于構(gòu)造函數(shù)創(chuàng)建對(duì)象的方法我還想再進(jìn)一步介紹一下

一般在真實(shí)的項(xiàng)目中上面demo的寫法其實(shí)是不合理的庸推。最好的方式是原型和構(gòu)造函數(shù)混用的方式來做,比如上面的可以改成這樣

    function person(name,age)
    {
          this.name=name;
          this.age=age;    
    }
    person.prototype.func=function(){
        alert("I am "+this.name+" and I am  "+this.age);
     };

這種方式不僅結(jié)構(gòu)清楚浇冰,最重要的是還節(jié)約了內(nèi)存贬媒,在對(duì)象的原型上創(chuàng)建的方法,那么這個(gè)方法就是通過該構(gòu)造函數(shù)所創(chuàng)建的所有對(duì)象共有的方法了湖饱。各個(gè)對(duì)象有自己獨(dú)有的name掖蛤,age屬性,有共有的func方法井厌。如果有對(duì)原型不熟悉的同學(xué)可以看看這篇廖雪峰大神的作品廖雪峰


最后再做一下總結(jié)吧蚓庭,加深一下印象
  • JS中一切皆對(duì)象
  • 對(duì)象本質(zhì)是一系列無序鍵值對(duì)的集合
  • 創(chuàng)建對(duì)象有兩種常見的方法,初始化器和構(gòu)造函數(shù)(不同情況來進(jìn)行選擇仅仆,并非總是第二種最好)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末器赞,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子墓拜,更是在濱河造成了極大的恐慌港柜,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,997評(píng)論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件咳榜,死亡現(xiàn)場(chǎng)離奇詭異夏醉,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)涌韩,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,603評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門畔柔,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人臣樱,你說我怎么就攤上這事靶擦。” “怎么了雇毫?”我有些...
    開封第一講書人閱讀 163,359評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵玄捕,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我棚放,道長(zhǎng)枚粘,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,309評(píng)論 1 292
  • 正文 為了忘掉前任席吴,我火速辦了婚禮赌结,結(jié)果婚禮上捞蛋,老公的妹妹穿的比我還像新娘。我一直安慰自己柬姚,他們只是感情好拟杉,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,346評(píng)論 6 390
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著量承,像睡著了一般搬设。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上撕捍,一...
    開封第一講書人閱讀 51,258評(píng)論 1 300
  • 那天拿穴,我揣著相機(jī)與錄音,去河邊找鬼忧风。 笑死默色,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的狮腿。 我是一名探鬼主播腿宰,決...
    沈念sama閱讀 40,122評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼缘厢!你這毒婦竟也來了吃度?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,970評(píng)論 0 275
  • 序言:老撾萬榮一對(duì)情侶失蹤贴硫,失蹤者是張志新(化名)和其女友劉穎椿每,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體英遭,經(jīng)...
    沈念sama閱讀 45,403評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡间护,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,596評(píng)論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了挖诸。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片兑牡。...
    茶點(diǎn)故事閱讀 39,769評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖税灌,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情亿虽,我是刑警寧澤菱涤,帶...
    沈念sama閱讀 35,464評(píng)論 5 344
  • 正文 年R本政府宣布,位于F島的核電站洛勉,受9級(jí)特大地震影響粘秆,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜收毫,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,075評(píng)論 3 327
  • 文/蒙蒙 一攻走、第九天 我趴在偏房一處隱蔽的房頂上張望殷勘。 院中可真熱鬧,春花似錦昔搂、人聲如沸玲销。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,705評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)贤斜。三九已至,卻和暖如春逛裤,著一層夾襖步出監(jiān)牢的瞬間瘩绒,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,848評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工带族, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留锁荔,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,831評(píng)論 2 370
  • 正文 我出身青樓蝙砌,卻偏偏與公主長(zhǎng)得像阳堕,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子拍霜,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,678評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • 博客內(nèi)容:什么是面向?qū)ο鬄槭裁匆嫦驅(qū)ο竺嫦驅(qū)ο缶幊痰奶匦院驮瓌t理解對(duì)象屬性創(chuàng)建對(duì)象繼承 什么是面向?qū)ο?面向?qū)ο?..
    _Dot912閱讀 1,422評(píng)論 3 12
  • 1,javascript 基礎(chǔ)知識(shí) Array對(duì)象 Array對(duì)象屬性 Arrray對(duì)象方法 Date對(duì)象 Dat...
    Yuann閱讀 904評(píng)論 0 1
  • 繼承 一嘱丢、混入式繼承 二、原型繼承 利用原型中的成員可以被和其相關(guān)的對(duì)象共享這一特性祠饺,可以實(shí)現(xiàn)繼承越驻,這種實(shí)現(xiàn)繼承的...
    magic_pill閱讀 1,062評(píng)論 0 3
  • 當(dāng)我寫完那篇文章:《當(dāng)我們談?wù)撀殬I(yè)的時(shí)候缀旁,到底在談?wù)撌裁矗俊钒l(fā)在簡(jiǎn)書APP和個(gè)人公眾號(hào)之后勺鸦,我迎來了一記重拳并巍,老公...
    楊帆叨叨閱讀 551評(píng)論 0 2
  • 今天7月25日,比較幸運(yùn)的是换途,今天是入伏以來較涼快的一天懊渡,我們創(chuàng)城小分隊(duì)八點(diǎn)半準(zhǔn)時(shí)到達(dá)公司,根據(jù)公司要求要把...
    daisy京京閱讀 456評(píng)論 0 0