[JavaScript基礎(chǔ)]面向?qū)ο?/h1>

對(duì)象屬性

  1. 獲取對(duì)象屬性
    Object.getOwnPropertyDescriptor(person1, 'name')
    Object.getOwnPropertyDescriptors(person1)
  2. 定義對(duì)象屬性
    Object.defineProperty()
    Object.defineProperties()
  3. obj.操作符的理解(原型鏈)
    會(huì)先去實(shí)例上查找——> 實(shí)例的__proto__上查找——>實(shí)例的__proto__的__proto__——>Object.prototype——> Object.prototype.proto(null)
    上查找
  4. in操作符理解
    單獨(dú)使用:實(shí)例+原型 可枚舉
    遍歷使用:實(shí)例+原型 可枚舉
    Object.hasOwnProperty()只存在于實(shí)例中才返回true
    其它對(duì)象遍歷的方式都是只存在于實(shí)例,且可枚舉(比如Object.keys(),Object.entries(),Object.values())
  5. 對(duì)象屬性值
    configurable:
    是否能通過delete操作符刪除
    enummerable:
    是否能通過for in循環(huán)遍歷到
    Get:
    Set:

new關(guān)鍵字發(fā)生了什么:

1.生成一個(gè)對(duì)象
2.把該對(duì)象進(jìn)行[[prototype]]的連接
3.綁定該對(duì)象到函數(shù)調(diào)用的this
4.如果該函數(shù)沒有返回其它對(duì)象,會(huì)返回該對(duì)象
模擬實(shí)現(xiàn)new的過程:

//
  function Person(name, age) {
      this.name = name;
      this.age = age;
    }
    function factory(func) {
      var args1 = Array.prototype.slice.call(arguments, 0, 1)[0];
      var args2 = Array.prototype.slice.call(arguments, 1);
      var obj = new Object();
      obj.__proto__ = func.pro;
      var result = func.call(obj, ...args2);
      return typeof result === 'object' ? result : obj;
    }

    var result = factory(Person, 'wangyiman', 23);
    console.log(result);

創(chuàng)建對(duì)象的方式:

  1. 工廠方式
  2. 構(gòu)造函數(shù)
    缺點(diǎn):
    每次new都會(huì)生成新的實(shí)例
  3. 原型
    缺點(diǎn):
    引用類型的變量全局只有一份,改了一處所有的地方都被改了癣籽。
    非引用類型會(huì)被直接"."出來的對(duì)象屬性屏蔽掉(使用delete可以刪除)
  4. 組合模式
  5. 動(dòng)態(tài)原型
    把原型模式放到構(gòu)造函數(shù)內(nèi)部執(zhí)行
  6. 寄生構(gòu)造函數(shù)
    有點(diǎn)像工廠模式腰埂,但是調(diào)用時(shí)通過new的,可以擴(kuò)展原生對(duì)象痹筛。

繼承的本質(zhì):

繼承意味著復(fù)制操作惕医,然而 JavaScript 默認(rèn)并不會(huì)復(fù)制對(duì)象的屬性抓于,相反,JavaScript 只是在兩個(gè)對(duì)象之間創(chuàng)建一個(gè)關(guān)聯(lián)羊异,這樣事秀,一個(gè)對(duì)象就可以通過委托訪問另一個(gè)對(duì)象的屬性和函數(shù),所以與其叫繼承野舶,委托的說法反而更準(zhǔn)確些易迹。
繼承的方式:

  1. 原型鏈:
    引用類型的原型屬性會(huì)被所有實(shí)例共享,非引用類型的不會(huì)被實(shí)例共享
        function SuperType() {
            this.colors = ['red'];
        }
        
        function SubType() {

        }

        SubType.prototype = new SuperType();
        let subType1 = new SubType();
        subType1.colors = 'green';
        console.log(subType1.colors);
        let superType1 = new SuperType();
        console.log(superType1.colors);

不能向超類型的構(gòu)造函數(shù)傳遞參數(shù)

  1. 構(gòu)造函數(shù):
    在超類型原型上定義的方法,對(duì)子類型是不可見的平道。
    組合繼承:

  2. 原型式繼承:
    就是讓一個(gè)對(duì)象繼承另一個(gè)對(duì)象睹欲,而不是興師動(dòng)眾地創(chuàng)建一個(gè)構(gòu)造函數(shù)
    ES5規(guī)范了原型式繼承,Object.create方法

  3. 寄生式:
    為了解決多次調(diào)用父類構(gòu)造函數(shù)

  4. 寄生組合式:
    為了解決多次調(diào)用父類構(gòu)造函數(shù),同時(shí)繼承后不改變?cè)瓉韈onstrucotr屬性窘疮。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者

  • 序言:七十年代末袋哼,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子闸衫,更是在濱河造成了極大的恐慌涛贯,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,402評(píng)論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蔚出,死亡現(xiàn)場(chǎng)離奇詭異弟翘,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)骄酗,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門稀余,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人趋翻,你說我怎么就攤上這事滚躯。” “怎么了嘿歌?”我有些...
    開封第一講書人閱讀 162,483評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵掸掏,是天一觀的道長。 經(jīng)常有香客問我宙帝,道長丧凤,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,165評(píng)論 1 292
  • 正文 為了忘掉前任步脓,我火速辦了婚禮愿待,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘靴患。我一直安慰自己仍侥,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,176評(píng)論 6 388
  • 文/花漫 我一把揭開白布鸳君。 她就那樣靜靜地躺著农渊,像睡著了一般。 火紅的嫁衣襯著肌膚如雪或颊。 梳的紋絲不亂的頭發(fā)上砸紊,一...
    開封第一講書人閱讀 51,146評(píng)論 1 297
  • 那天,我揣著相機(jī)與錄音囱挑,去河邊找鬼醉顽。 笑死,一個(gè)胖子當(dāng)著我的面吹牛平挑,可吹牛的內(nèi)容都是我干的游添。 我是一名探鬼主播系草,決...
    沈念sama閱讀 40,032評(píng)論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼唆涝!你這毒婦竟也來了悄但?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,896評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤石抡,失蹤者是張志新(化名)和其女友劉穎檐嚣,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體啰扛,經(jīng)...
    沈念sama閱讀 45,311評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡嚎京,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,536評(píng)論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了隐解。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片鞍帝。...
    茶點(diǎn)故事閱讀 39,696評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖煞茫,靈堂內(nèi)的尸體忽然破棺而出帕涌,到底是詐尸還是另有隱情,我是刑警寧澤续徽,帶...
    沈念sama閱讀 35,413評(píng)論 5 343
  • 正文 年R本政府宣布蚓曼,位于F島的核電站,受9級(jí)特大地震影響钦扭,放射性物質(zhì)發(fā)生泄漏纫版。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,008評(píng)論 3 325
  • 文/蒙蒙 一客情、第九天 我趴在偏房一處隱蔽的房頂上張望其弊。 院中可真熱鬧,春花似錦膀斋、人聲如沸梭伐。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽糊识。三九已至,卻和暖如春惰匙,著一層夾襖步出監(jiān)牢的瞬間技掏,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評(píng)論 1 269
  • 我被黑心中介騙來泰國打工项鬼, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人劲阎。 一個(gè)月前我還...
    沈念sama閱讀 47,698評(píng)論 2 368
  • 正文 我出身青樓绘盟,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子龄毡,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,592評(píng)論 2 353

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