17.1.7 JS值类型和引用类型

1.在做ife2015 task2 的题目,关于深度克隆一个目标对象,返回一个完整的拷贝。像我这种没学多少的,以为就是对这个目标从新赋值给一个变量,好比  

var obj1={a:1,b:2}; var obj2=obj1; 

 我以为这样就算把obj1克隆了一份到obj2了,但是实际上你给obj2添加多一个属性好比

obj2.c=3;

这样我obj2也就等于{a:1,b:2,c:3},不仅仅是obj多了一个属性,obj1也多了一个c属性,

因为他们其实指向同一个堆内存对象,就是存放的资料在一个地方所以会共享。

所以进行深度克隆就是为了让他们有各自的家,也就是需要生成一个副本,生成一个一模一样但是地方不同的房子;

2.那我们就要了解什么样的数据克隆才需要副本,刚刚我们了解到,需要副本是因为直接赋值的数据会共享,那么我们就要了解哪些会数据共享,引用类型就是这样的

在说引用类型前  , 我们先来说下数据类型,数据类型区分我们都知道,那他们的值的数据是保存在哪的,这就引出了 值类型和引入类型;分成这两类当然是因为他们功能不同啦

值类型:存储在栈(stack)中的简单数据段,也就是说,它们的值直接存储在变量访问的位置。

这样的话我没系统学过计算机不好理解,,所以就用下面的话来通俗的说下

变量的交换等于在一个新的地方按照连锁店的规范标准(统一店面理解为相同的变量内容)新开一个分店,这样新开的店与其它旧店互不相关、各自运营。

引用类型:存储在堆(heap)中的对象,也就是说,存储在变量处的值是一个指针(point),指向存储对象的内存处。

变量的交换等于把现有一间店的钥匙(变量引用地址)复制一把给了另外一个老板,此时两个老板同时管理一间店,两个老板的行为都有可能对一间店的运营造成影响。

引用了http://www.jb51.net/article/71537.htm中的语句

具体来讲

(1)值类型:数值、布尔值、null、undefined  string(比较特殊)

(2)引用类型:对象、数组、函数。  Date / Function / RegExp比较少用

所以就是除了值类型的以外,剩下的引用类型要深度可能的话不能直接赋值,而是要创建副本

functioncloneObject (src) {//对于基本数据类型,只要直接返回即可if(src ==null||typeofsrc != 'object') {returnsrc;

}//对于对象分为以下三种情况//对于Date等引用类型的数据,需要考虑调用构造函数重新构造,直接赋值依然会有引用问题(不是真正的clone引用变量)//以Date为例if(srcinstanceofDate) {varclone =newDate(src.getDate());returnclone;

}//对于数组,需要遍历,这样可以保证在在Array对象上扩展的属性也可以正确复制if(isArray(src)) {varclone =[];for(vari = 0; i < src.length; i++) {

clone[i]=cloneObject(src[i]);

}returnclone;

}//对于其他object,同样也需要遍历if(srcinstanceofObject) {varclone ={};for(varkeyinsrc) {if(src.hasOwnProperty(key)) {//忽略掉继承属性,只取属于它本身的属性clone[key] =cloneObject(src[key]);

}

}returnclone;

}

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,542评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,596评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,021评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,682评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,792评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,985评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,107评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,845评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,299评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,612评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,747评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,441评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,072评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,828评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,069评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,545评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,658评论 2 350

推荐阅读更多精彩内容