JavaScript 직렬화 객체 구현 code_javascript 기술-JS 튜토리얼-php.cn

JavaScript 직렬화 객체 구현 code_javascript 기술

WBOY

풀어 주다： 2016-05-16 18:38:55

원래의

1000명이 탐색했습니다.

작가님이 사진을 올려주셨는데요, 확대해서 보실 수 있습니다.

얼마 전 JavaScript의 Literal Syntax 문제에 대해 이야기했는데 꽤 흥미로워서 다시 공부했습니다. 우리가 일반적으로 직렬화 및 역직렬화에 대해 이야기하는 것과 같습니다. 물론 가능합니다. 왜냐하면 JavaScript 객체 자체가 기본적으로 간단한 객체의 리터럴 형식을 반환하는 toString() 메서드를 제공하기 때문입니다.

우리가 해야 할 일은 객체의 특정 유형을 결정한 다음 각 객체를 개별적으로 직렬화한 다음 이를 리터럴 구문 형식의 Object로 출력하는 것입니다. 객체 유형을 정확하게 확인하려면 앞서 언급한 __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(); 🎜>} 
기본값: 
{ 
var serialize = '{'; 
for( var 키 ) 
{ 
if( key == 'Serialize' ) continue; 
 var subserialize = 'null'; 
if ( this[key] != 정의되지 않음 ) 
{ 
subserialize = this[key].Serialize() 
} 
serialize = 'rn' 키 ': ' 하위 직렬화 ','; 
} 
if ( serialize.charAt(serialize.length-1) == ',' ) 
{ 
serialize = serialize.substr( 0, 직렬화 
} 
직렬화 = 'rn}'; 
반환 
} 
}; > 실제로 Array와 Object의 속성을 비교하는 것은 번거롭고 Serialize 작업을 반복적으로 수행해야 합니다. 그러나 Serialize 메서드는 직렬화할 필요가 없습니다. 다음은 테스트 예시인데, 이 직렬화 방식은 순환참조를 확인하지 않으며, 직렬화할 수 있는 객체가 매우 제한적이다. 




코드 복사

코드는 다음과 같습니다.

var obj1 = [] 경고(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], 
메서드1 : function(){ return this.Properties1 this.Properties3[0];}, 
메서드2 : function(){ return this.Preperties2 } 
}; obj3.Serialize( )); 

var obj4 = [null, 1, 'string', true, function(){return 'keke';}, new Object()] 
alert(obj4 .Serialize() ); 

 
역직렬화의 경우 eval을 사용하여 위의 직렬화 결과를 실행하면 클래스 인스턴스를 얻을 수 있습니다.