深度克隆相關(guān)

1褒傅、數(shù)據(jù)類型:

  • 數(shù)據(jù)類型分為:
    -基本的數(shù)據(jù)類型(String, Number, boolean, Null, Undefined, Symbol)
    特點(diǎn): 存儲(chǔ)的是該類型的真實(shí)值
    -對(duì)象數(shù)據(jù)類型
    特點(diǎn): 存儲(chǔ)的是該對(duì)象在堆內(nèi)存中的地址

2耳幢、克隆基本類型的數(shù)據(jù):
- 基本數(shù)據(jù)類型存放的就是實(shí)際的數(shù)據(jù)帮非,可直接克隆。
let number2 = 2;
let number1 = number2;

3褪秀、克隆對(duì)象數(shù)據(jù):
- 對(duì)象數(shù)據(jù)存放的是對(duì)象在堆內(nèi)存的地址,若直接克隆薛训,克隆的是地址媒吗。
let obj = {username: 'kobe'}
let obj1 = obj; //obj1復(fù)制了obj在堆內(nèi)存的地址值,obj1和obj都指向一個(gè)對(duì)象
- 如何判斷是否克隆了對(duì)象類型:是否在堆里開(kāi)辟了新空間乙埃,創(chuàng)建了新的對(duì)象闸英。
- 分類: 淺克隆 與 深克隆。

2介袜、常用的拷貝(復(fù)制)技術(shù):
 - `arr.concat()`: 數(shù)組淺拷貝
 -  `arr.slice()`: 數(shù)組淺拷貝
 -  `JSON.parse(JSON.stringify(arr/obj))`: 數(shù)組或?qū)ο笊羁截? 但不能處理函數(shù)數(shù)據(jù),使用場(chǎng)景是對(duì)象里不包含函數(shù)
 -  淺拷貝包含函數(shù)數(shù)據(jù)的對(duì)象/數(shù)組
 -  深拷貝包含函數(shù)數(shù)據(jù)的對(duì)象/數(shù)組

3甫何、擴(kuò)展:如何做到精準(zhǔn)判斷數(shù)據(jù)類型?
  用:`Object.prototype.toString.call(xx)`遇伞,可以獲得類似 [object xx的類型名] 的字符串辙喂。
    Object.prototype.toString.call(1) //[object Number]
  Object.prototype.toString.call('1') //[object String]
  Object.prototype.toString.call(undefined) //[object Undefined]
  Object.prototype.toString.call(true)// [object Boolean]
  Object.prototype.toString.call(console.log)//[object Function]
  Object.prototype.toString.call(Symbol())//[object Symbol]
  Object.prototype.toString.call([]) //[object Array]
  Object.prototype.toString.call({}) //[object Object]
  Object.prototype.toString.call(NaN)//[object Number]-------注意這里

相關(guān)代碼如下:

function getType(data) {
  return Object.prototype.toString.call(data).slice(8,-1).toLowerCase()
}
//深度克隆
function deepClone(target) {
  let result
  if(getType(target) === 'array'){
    result = []
  }else if(getType(target) === 'object'){
    result = {}
  }else{
    //如果傳入的不是數(shù)組,不是對(duì)象鸠珠,則直接返回巍耗,因?yàn)椴恍枰龠M(jìn)行深度克隆了。
    return target
  }
  //循環(huán)遍歷出入的數(shù)組或者對(duì)象渐排,依次取出里面的內(nèi)容放入提前準(zhǔn)備好的容器(result)
  for (let key in target){
    let item = target[key]
     if(getType(item) === 'array' || getType(item) === 'object'){
      //拆到不能再拆
       result[key] = deepClone(item)
     }else{
       result[key] = target[key]
     }
  }
  return result
}
//驗(yàn)證數(shù)組
let arr = [1,2,3,4,5,{n:1,m:2,t:function(){console.log(1)}}]
let arr2 = deepClone(arr)
arr[0] = 9999999
arr[5].m = 100000000
console.log(arr2)
arr2[5].t()
//驗(yàn)證對(duì)象
let person = {
  name:'kobe',
  age:18,
  sex:{opyion1:'男',option2:'女'},
  speak(){
    console.log('我說(shuō)話了')
  }
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末炬太,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子驯耻,更是在濱河造成了極大的恐慌亲族,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,843評(píng)論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件吓歇,死亡現(xiàn)場(chǎng)離奇詭異孽水,居然都是意外死亡票腰,警方通過(guò)查閱死者的電腦和手機(jī)城看,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,538評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)杏慰,“玉大人测柠,你說(shuō)我怎么就攤上這事≡道模” “怎么了轰胁?”我有些...
    開(kāi)封第一講書人閱讀 163,187評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)朝扼。 經(jīng)常有香客問(wèn)我赃阀,道長(zhǎng),這世上最難降的妖魔是什么擎颖? 我笑而不...
    開(kāi)封第一講書人閱讀 58,264評(píng)論 1 292
  • 正文 為了忘掉前任榛斯,我火速辦了婚禮观游,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘驮俗。我一直安慰自己懂缕,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,289評(píng)論 6 390
  • 文/花漫 我一把揭開(kāi)白布王凑。 她就那樣靜靜地躺著搪柑,像睡著了一般。 火紅的嫁衣襯著肌膚如雪索烹。 梳的紋絲不亂的頭發(fā)上工碾,一...
    開(kāi)封第一講書人閱讀 51,231評(píng)論 1 299
  • 那天,我揣著相機(jī)與錄音百姓,去河邊找鬼倚喂。 笑死,一個(gè)胖子當(dāng)著我的面吹牛瓣戚,可吹牛的內(nèi)容都是我干的端圈。 我是一名探鬼主播,決...
    沈念sama閱讀 40,116評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼子库,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼舱权!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起仑嗅,我...
    開(kāi)封第一講書人閱讀 38,945評(píng)論 0 275
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤宴倍,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后仓技,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體鸵贬,經(jīng)...
    沈念sama閱讀 45,367評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,581評(píng)論 2 333
  • 正文 我和宋清朗相戀三年脖捻,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了阔逼。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,754評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡地沮,死狀恐怖嗜浮,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情摩疑,我是刑警寧澤危融,帶...
    沈念sama閱讀 35,458評(píng)論 5 344
  • 正文 年R本政府宣布,位于F島的核電站雷袋,受9級(jí)特大地震影響吉殃,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,068評(píng)論 3 327
  • 文/蒙蒙 一蛋勺、第九天 我趴在偏房一處隱蔽的房頂上張望速侈。 院中可真熱鬧,春花似錦迫卢、人聲如沸倚搬。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 31,692評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)每界。三九已至,卻和暖如春家卖,著一層夾襖步出監(jiān)牢的瞬間眨层,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 32,842評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工上荡, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留趴樱,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,797評(píng)論 2 369
  • 正文 我出身青樓酪捡,卻偏偏與公主長(zhǎng)得像叁征,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子逛薇,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,654評(píng)論 2 354