js对象的循环引用

JavaScript013

js对象的循环引用,第1张

1 .当一个对象的属性是自己的时候,使用JSON.stringify或者一般的没有处理的deepClone的时候会发现栈溢出

1 .json序列化的时候,序列化的对象尽量避免循环依赖,子类不定义与父类相同名称的成员,避免定义非成员变量的getter、setter方法

1 .出现循环引用的时候算是bug么?要怎么处理

2 .webpack里面也会有这种情况,循环依赖a-b-c-a

3 .对象存在循环引用的时候,打印不会出现栈溢出,深拷贝的时候,才会的导致栈溢出

1 .定义了引用类型的变量后该变量存的是堆内存的地址,通过地址访问堆内存的数据,从而产生了引用。而基本数据类型定义后存储的是数据值,不需要引用

2 .在js中对两个引用类型使用 === 判断是对两者的地址进行判断

3 .所以判断是否存在循环引用,可以简单定义为对象内部的属性是否和对象本身的地址相同

1 .去除对象中涉及到的循环引用的属性.消除循环引用JSON.decycle方法可以解除循环

2 .将循环引用中的一个对象缓存起来,以避免重复序列化或者创建

是不一样的,可以这么说,同一个构造函数,无论在哪儿实例化对象,在内存中的地址是不一样的,没实例化一次,就会对应新的内存地址。你可以在构造函数中,声明一个随机数变量:如var suiji = Math.random() 然后实例化对象,输出这个变量,那肯定不是一样的,说明不是一块内存地址。

第一个函数的输出应该是 张三 李四,第二个函数的输出应该是两个李四

第一个函数很容易理解:构造函数生成了一个共有属性name,然后new了2个新函数,分别定义了自己的name,输出当然是自己的name值;

第二个函数设计到一个引用。

你先看下这个例子:

var a=1

var b=a

a=2

console.log(b) //1

//当a的引用是在本地的时候b等于a,a改变自己的value,b不发生改变。

var a={name:999}

var b=a

a.name = 1000

console.log(b.name) //1000

//当a的引用是一个对象时,引用并不是在本地,其实a指向的是一个内存地址,

//b=a表示,b也和a一样指向了这个内存地址。

//a.name 当a改变所指向的内存地址的值时,同时也影响到了b的值,所以b输出1000 而不是输出999

回头看你的第二个函数

构造函数Fun拥有一个共有属性info,info中有2个键值队,当你new了新函数后,用a.info其实是改变了info的引用对象,

同样b.info第二次改变了info的引用对象,因为a,b指向同一个内存地址 所以每次改变都会导致2个变量的值同时发生变更,于是输出了2个李四