js数据存放处理

1.全局变量统一定义,以__开头,如:

var __data = {};

2.局部变量尽量以变量含义字符串,遇特殊字符串需注意,如:

function domo() {

var tlocation = ''; // 尽量避免与内置对象有冲突的变量名

}

3.所有数据尽量放在js变量中。

3.1.隐藏数据如尽量写在js全局变量中,因为浏览器(如ff)可能会默认将该值缓存,会造成该值在js中被修改后刷新页面

被置为该修改值而不是初始值;

如果需要将隐藏数据放在form中提交,两种解决办法,一是在提交前js赋值,二是input增加一个属性

3.2.一些隐私性数据放在json中,或者编码后存放,不过js数据都在客户端放着,想做到绝对保险是不太可能的;

如果不想数据被抓到,就只好采用类似applet这种小程序来实现,网银和淘宝这种私密性很强的登录都采用了类似的插件机制。

3.3.大量从服务器端返回的数据怎么存放?

是和数据显示放在一起的一大堆隐藏的input里,还是用了jquery后放在对象的data里?

从实际应用中,现在我更倾向于放在一个统一的全局json里,为每个对象置一个key就可以了,如:

var __data = {};

function back(jsons) {

__data = {}; // 有数据清理需求的需要做这个工作

$.each(jsons, function(i, json) {

__data[json.id] = json; // 当然这里的json.id就是这个唯一性的key,至于这个key如何生成,可以自行设置

});

...

}

如此,每次取数据的时候只需要用key去全局json中取,修改也非常方便,如:

var data = __data[key];

data.anykey = 'anyvalue';

针对这两句代码补充两点:

json的key类似数组的下标,但是实际是一个字符串,如果没有这个key,返回undefined;

取出来的data如果本身是个基本数据类型,那么修改data的值不会对全局json的值产生影响;

如:

var __data = { com : 'haah', obj : { da : 'en', db: 23 } };

var com = __data.com;

var obj = __data.obj;

com = 'hooh'; // 只是修改了com变量本身,__data.com的值不变;对于基本数据类型的变量,需要直接修改其值,__data.com = 'hooh';

obj.da = 'cn'; // 因为obj变量实际是__data.obj的引用,因此修改其值是修改__data本身;

第二点其实和java中对于对象的引用是一致的。

ps:使用jquery可以简化大量代码,也可以避免一些浏览器兼容问题,特殊问题可以绕开jquery自行编写;

你可能感兴趣的:(js数据存放处理)