当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript 序列化对象实现代码

Javascript
JS 页面自动加载函数(兼容多浏览器)
innerText和innerHTML 一些问题分析
js 淘宝首页的拼音排序效果
jquery 获取当前元素的索引值
编写兼容IE和FireFox的脚本
JavaScript Table行定位效果
W3C Group的JavaScript1.8 新特性介绍
JavaScript 取一个月的最后一天
两个table之间相互移动数据
Javascript 的addEventListener()及attachEvent()区别分析
jQuery(1.3.2) 7行代码搞定跟随屏幕滚动的层
javascript操作cookie_获取与修改代码
鼠标经过的文本框textbox变色
Javascript 兼容firefox的一些问题
一些Javascript的IE和Firefox(火狐)兼容性的问题总结及常用例子
简单的js分页脚本
各种常用浏览器getBoundingClientRect的解析
document.compatMode介绍
javascript 方法一些使用方法
JavaScript constructor和instanceof,JSOO中的一对欢喜冤家

Javascript 中的 JavaScript 序列化对象实现代码


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 294 ::
收藏到网摘: n/a

JavaScript序列化对象实现代码,需要的朋友可以参考下。
作者发的是一张图,大家可以放大看。
前些天说过关于JavaScript的Literal Syntax问题,觉得挺有意思的,于是又研究了一下,能不能把对象再转化为Literal形式呢?就像我们平时说的序列化和反序列化啥的。当然可以了,因为JavaScript对象自身都提供了一个toString()方法,默认就是返回简单对象的Literal形式。
我们需要作的就是判断对象的具体类型,然后分别Serialize每种对象,再输出为Object的Literal语法形式就行了。准确的判断对象类型,使用我曾经说过的__typeof__方法就行了,序列化对象实例的代码如下:
复制代码 代码如下:

Object.prototype.Serialize = function()
{
var type = __typeof__(this);
switch(type)
{
case 'Array' :
{
var strArray = '[';
for ( var i=0 ; i < this.length ; ++i )
{
var value = '';
if ( this[i] )
{
value = this[i].Serialize();
}
strArray += value + ',';
}
if ( strArray.charAt(strArray.length-1) == ',' )
{
strArray = strArray.substr(0, strArray.length-1);
}
strArray += ']';
return strArray;
}
case 'Date' :
{
return 'new Date(' + this.getTime() + ')';
}
case 'Boolean' :
case 'Function' :
case 'Number' :
case 'String' :
{
return this.toString();
}
default :
{
var serialize = '{';
for ( var key in this )
{
if ( key == 'Serialize' ) continue;
var subserialize = 'null';
if ( this[key] != undefined )
{
subserialize = this[key].Serialize();
}
serialize += '\r\n' + key + ' : ' + subserialize + ',';
}
if ( serialize.charAt(serialize.length-1) == ',' )
{
serialize = serialize.substr(0, serialize.length-1);
}
serialize += '\r\n}';
return serialize;
}
}
};

其实就是Array和Object的属性比较的麻烦,需要递归的做这个Serialize操作。不过需要注意,Serialize方法就不需要被序列化出来了。下面是测试示例,不过这个序列化方法没有对环状引用做检查,能序列化的对象很有限。
复制代码 代码如下:

var obj1 = [];
alert(obj1.Serialize());
var obj2 = [1,[2,[3,[4,[5,[6,[7,[8,[9,[0]]]]]]]]]];
alert(obj2.Serialize());
var obj3 =
{
Properties1 : 1, Properties2 : '2', Properties3 : [3],
Method1 : function(){ return this.Properties1 + this.Properties3[0];},
Method2 : function(){ return this.Preperties2; }
};
alert(obj3.Serialize());
var obj4 = [null, 1, 'string', true, function(){return 'keke';}, new Object()];
alert(obj4.Serialize());

至于反序列化就非常的容易了,把上面的序列化结果用eval执行一下,就得到类实例了。