当自定义数据属性为json格式字符串时jQuery的data api问题探讨

　　jQuery 的 data API 实现方式有缓存数据的效果

　　使用 IE 7 （IE8+ 在控制台切换至IE7 模式），当DOM 节点有自定义数据属性时，检查 DOM 节点即可看到形如 jQuery18305664906559272507 的属性，这便是用于从数据存储对象中获取自定义数据的建。

　　当自定义数据属性是一个 json 格式字符串时，缓存的数据如果被修改，则修改后的数据继续存在于缓存系统中，如果不留意，这可能导致一些BUG

复制代码代码如下:

　　<!DOCTYPE HTML>

　　<html>

　　<head>

　　</head>

　　<body>

　　var node = $("#tst");

　　console.log(node.attr("data-json"));

　　var data = node.data("json");

　　console.log(data);

　　data.b = 'hello';

　　var data1 = JSON.parse(node.attr("data-json"));

　　console.log(data1);

　　console.log('data===data1',data===data1);

　　var data2 = node.data("json");

　　console.log(data2);

　　console.log('data===data2',data===data2);

　　var data3 = JSON.parse(node.attr("data-json"));//这样取值不受缓存影响

　　console.log(data3);

　　</script>

　　</body>

　　</html>

　　运行结果

复制代码代码如下:

　　{"a":123,"b":456}

　　Object {a: 123, b: 456}

　　data===data1 false

　　Object {a: 123, b: "hello"}

　　data===data2 true

　　Object {a: 123, b: 456}