面向?qū)ο?2:原型鏈 / hasOwnProperty自身屬性 / contructor / call病涨、apply、bind改變this指向 / 原型繼承 / 傳值和傳址 / 深拷貝 / 組合繼承

原型鏈

原型鏈?zhǔn)侵笇ο笤谠L問屬性或方法時的查找方式璧坟。

????1.當(dāng)訪問一個對象的屬性或方法時既穆,會先在對象自身上查找屬性或方法是否存在,如果存在就使用對象自身的屬性或方法雀鹃。如果不存在就去創(chuàng)建對象的構(gòu)造函數(shù)的原型對象中查找?循衰,依此類推,直到找到為止褐澎。如果到頂層對象中還找不到会钝,則返回?undefined。

????2.原型鏈最頂層為?Object?構(gòu)造函數(shù)的?prototype?原型對象工三,給?Object.prototype?添加屬性或方法可以被除??null?和?undefined?之外的所有數(shù)據(jù)類型對象使用迁酸。

????????????????構(gòu)造函數(shù)?prototype

????????????????原型鏈?__proto__

hasOwnProperty():看是不是對象自身底下的屬性

contructor查看對象的構(gòu)造函數(shù)?可以用來做判斷

instanceof:對象與構(gòu)造函數(shù)是否在原型鏈上有關(guān)系

toString()判斷類型;??轉(zhuǎn)換字符串??進(jìn)制轉(zhuǎn)換


hasOwnProperty?判斷鍵名是否是對象自身的屬性


call俭正、apply奸鬓、bind?改變this指向

call??傳參的區(qū)別,傳字符串

apply??傳數(shù)組

bind??后面一個括號不能省略? ? ? ? ??(bind不加括號掸读,改變指向但是現(xiàn)在不執(zhí)行)

繼承:子類繼承父類所有屬性和行為串远,父類不受影響。

目的:找到類之間的共性精簡代碼

繼承


原型繼承

簡單原型繼承,出現(xiàn)影響父類的情況? ? ??


傳值和傳址

傳址:?復(fù)雜數(shù)據(jù)類型儿惫;?Array??Date?Math?RegExp?Object?Function等澡罚;? ? ? ??傳址,在內(nèi)存中在同一個地址肾请,只是名稱不同留搔,會相互影響

傳值:?簡單數(shù)據(jù)類型:number?string?boolean?null?undefined;


避免傳址? ? ?(深拷貝)

方式一:新建一個對象,把對象放進(jìn)去铛铁,跟原來的對象地址不一樣隔显,不會相互影響

function?deepCopy(obj){

????let?newObj?=?Array.isArray(obj)?[]:{};

????for(let?key?in?obj){

????????if(obj.hasOwnProperty(key)){

????????????if(typeof?obj[key]?===?"object"){

????????????????newObj[key]?=?deepCopy(obj[key])?

????????????}else{

????????????????newObj[key]?=??obj[key];

????????????}

????????}

????}

????return?newObj;

}


方式二:組合繼承

function?Dad(){

??????this.name?=?"張三";

??}

??Dad.prototype.hobby?=?function(){

??????console.log("喜歡籃球");

??}

??function?Son(){

??????Dad.call(this);

??}

??let?F?=?function(){}

??F.prototype?=?Dad.prototype;

??Son.prototype?=?new?F();

??Son.prototype.constructor?=?Son;


??let?newSon?=?new?Son();

??newSon.hobby();


方式三:序列化和反序列化却妨;深拷貝

不推薦,如果拷貝對象包含函數(shù)括眠,或者undefined等值彪标,此方法就會出現(xiàn)問題

let?obj?=?[1,2,3]

????????let?obj1?=?JSON.parse(JSON.stringify(obj));

????????????????JSON.stringify:把對象或者數(shù)組??轉(zhuǎn)換成?json串;

????????????????JSON.parse?:把json串轉(zhuǎn)換成對象掷豺;


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末捞烟,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子萌业,更是在濱河造成了極大的恐慌坷襟,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,430評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件生年,死亡現(xiàn)場離奇詭異婴程,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)抱婉,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,406評論 3 398
  • 文/潘曉璐 我一進(jìn)店門档叔,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人蒸绩,你說我怎么就攤上這事衙四。” “怎么了患亿?”我有些...
    開封第一講書人閱讀 167,834評論 0 360
  • 文/不壞的土叔 我叫張陵传蹈,是天一觀的道長。 經(jīng)常有香客問我步藕,道長惦界,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,543評論 1 296
  • 正文 為了忘掉前任咙冗,我火速辦了婚禮沾歪,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘雾消。我一直安慰自己灾搏,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 68,547評論 6 397
  • 文/花漫 我一把揭開白布立润。 她就那樣靜靜地躺著狂窑,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,196評論 1 308
  • 那天信粮,我揣著相機(jī)與錄音,去河邊找鬼旨巷。 笑死,一個胖子當(dāng)著我的面吹牛添忘,可吹牛的內(nèi)容都是我干的采呐。 我是一名探鬼主播,決...
    沈念sama閱讀 40,776評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼搁骑,長吁一口氣:“原來是場噩夢啊……” “哼斧吐!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起仲器,我...
    開封第一講書人閱讀 39,671評論 0 276
  • 序言:老撾萬榮一對情侶失蹤煤率,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后乏冀,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體蝶糯,經(jīng)...
    沈念sama閱讀 46,221評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,303評論 3 340
  • 正文 我和宋清朗相戀三年辆沦,在試婚紗的時候發(fā)現(xiàn)自己被綠了昼捍。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,444評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡肢扯,死狀恐怖妒茬,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情蔚晨,我是刑警寧澤乍钻,帶...
    沈念sama閱讀 36,134評論 5 350
  • 正文 年R本政府宣布,位于F島的核電站铭腕,受9級特大地震影響银择,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜谨履,卻給世界環(huán)境...
    茶點故事閱讀 41,810評論 3 333
  • 文/蒙蒙 一欢摄、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧笋粟,春花似錦怀挠、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,285評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至尝盼,卻和暖如春吞滞,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,399評論 1 272
  • 我被黑心中介騙來泰國打工裁赠, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留殿漠,地道東北人。 一個月前我還...
    沈念sama閱讀 48,837評論 3 376
  • 正文 我出身青樓佩捞,卻偏偏與公主長得像绞幌,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子一忱,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,455評論 2 359

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