前端复习--js中对象的诡异行为

正常简单生活:

var a = {}

var b={}

a.name = 1;

->1

b.name = 2;

->2

正常稍高级情况:

var a = {}

var b = a;

a.name = 1;

a.name

->1

b.name = 2;

a.name

->2

或者你对上述状况,不屑一顾,不就是两个变量指向同一变量吗?

var a = {state: {}}

a.state

->Object {}

var b = {};

->undefined

a.state = b;    //对象等于对象,这会使a与b形成双向绑定!!!!

->Object {}

b.name = 2;

->2

a.state.name  //惊艳地发现a竟然页跟着变化!!!!

->2

a.state.name = 9  //a变化也会使b变化

->9

b
->Object {name: 9}  

//从前有一个对象var a = {state: {}},有一个坏人派出对象var b = {}取改变a本来的样子,对象b使用很猥琐的方法-他向a表示愿意在a主场见面:a.state = b;  天真a以为由主场优势,答应了;b达到目的,并在结束会面之后,改变自己体内对象:b.name = 2; a 在晚些时候感到不适,终于发现自己已经发生异化a.state.name(由无变成了1). a很恼火,它和我一样不知道为什么,以前的书里没有讲.但好消息是有对策可以防范b的攻击:

对策:

var a = {state: {}}

var b = {};

a.state = JSON.parse(JSON.stringify(b))   //安保:关键的这一步!!!,JSON会返回一个新的对象!!!!

b.name = 2; //开始实验!!!!

->2

a.state

->Object {}   //这是见证奇迹的时候!!!!

a.state = JSON.parse(JSON.stringify(b))  //b.name =2 之后,再次给a赋值

->Object {name: 2}