序列化JavaScript對象和反序列化

Question

我的JavaScript的getter setter方法類

function UserContext() { 
    var category_id; 
    var biller_id; 

    this.get_category_id = function() { 
     return category_id; 
    } 
    this.set_category_id = function (value) { 
     category_id = value; 
    } 

    this.get_biller_id = function() { 
     return biller_id; 
    } 
    this.set_biller_id = function (value) { 
     biller_id = value; 
    } 
} 

我在jquery click事件創建該類的對象

var contextObj = new UserContext(); 
contextObj.set_category_id('SOME VALUE'); 
contextObj.set_biller_id('65'); 

我也有類似的類在C＃

public class CustomerDTO 
{ 
    public string category_id { get; set; } 
    public string biller_id{ get; set; } 
} 

和一個asp:hidden元件

<asp:HiddenField ID="hdnValue" ClientIDMode="Static" runat="server" /> 

我想通過序列化實現

1. 分配contextObj到asp:hidden元素（可以是JSON格式）什麼
2. 在後面的代碼得到這個對象desrailize它並分配值的相應的c＃類，即CustomerDTO
3. 因此，我可以通過所有頁面訪問所有這些值請求（通過在Server.Transfer請求中傳遞此對象）

要序列化對象我想這

console.log(JSON.stringify(contextObj)); 

但不打印輸出。我希望打印值，以便我可以分配給隱藏變量

Answer 1

您的語法錯誤。問題是你的變量是私人的，他們不會被stringify（）函數訪問。事實上，如果你試圖直接訪問一個私有變量，你會得到'未定義'。

序列化僅適用於公共成員，這是有道理的，因爲私有變量不可訪問。

這應該（只要你使用this.category_id =值）的工作作爲一個快速黑客攻擊，但它使你的變量公開，所以它破壞了封裝這是不好：

function UserContext() { 
 
    this.category_id; 
 
    this.biller_id; 
 

 
    this.get_category_id = function() { 
 
    return this.category_id; 
 
    } 
 
    this.set_category_id = function(value) { 
 
    this.category_id = value; 
 
    } 
 

 
    this.get_biller_id = function() { 
 
    return this.biller_id; 
 
    } 
 
    this.set_biller_id = function(value) { 
 
    this.biller_id = value; 
 
    } 
 
} 
 

 
var contextObj = new UserContext(); 
 
contextObj.set_category_id('SOME VALUE'); 
 
contextObj.set_biller_id('65'); 
 

 
alert(JSON.stringify(contextObj));

更好的方法是保持category_id和biller_id真正私有，並且仍然能夠序列化你的對象。你CON做到這一點通過實現你的對象的toJSON（）方法，並指定明確要序列什麼：

function UserContext() { 
 
    var category_id; 
 
    var biller_id; 
 

 
    this.get_category_id = function() { 
 
    return category_id; 
 
    } 
 
    this.set_category_id = function(value) { 
 
    category_id = value; 
 
    } 
 

 
    this.get_biller_id = function() { 
 
    return biller_id; 
 
    } 
 
    this.set_biller_id = function(value) { 
 
    biller_id = value; 
 
    } 
 
    
 
    this.toJSON = function() { 
 
     return { 
 
      "category_id": category_id, 
 
      "biller_id": biller_id 
 
     }; 
 
    }; 
 
} 
 

 
var contextObj = new UserContext(); 
 
contextObj.set_category_id('SOME VALUE'); 
 
contextObj.set_biller_id('65'); 
 

 
alert(JSON.stringify(contextObj));

其結果是，你的變量，只有通過你的getter和setter方法訪問，你也可以使用您的私人成員序列化您的對象！我會稱這是一個雙贏的局面！

Answer 2

Javascript串行器不像C＃那樣使用setter和getter。 爲了讓你的屬性得到轉換，他們需要暴露並設置到你的課堂上。

function UserContext() { 
    this.category_id = null; 
    this.biller_id = null; 

    this.get_category_id = function() { 
     return category_id; 
    } 
    this.set_category_id = function (value) { 
     category_id = value; 
    } 

    this.get_biller_id = function() { 
     return biller_id; 
    } 
    this.set_biller_id = function (value) { 
     biller_id = value; 
    } 
} 

，那麼它應該正確地將屬性添加到您的JSON：

var contextObj = new UserContext(); 
console.log(JSON.stringify(contextObj)); 

Answer 3

你的代碼更改爲：

function UserContext() { 
    var category_id; 
    var biller_id; 

    this.get_category_id = function() { 
     return this.category_id; 
    } 
    this.set_category_id = function (value) { 
     this.category_id = value; 
    } 

    this.get_biller_id = function() { 
     return this.biller_id; 
    } 
    this.set_biller_id = function (value) { 
     this.biller_id = value; 
    } 
    } 

不要這樣做，因爲其他建議：

this.category_id = ""; 
    this.biller_id = ""; 

這些意味着是私人的。保持他們那樣。

Answer 4

I think this way of function definition looks fine 
function UserContext() { 
    var category_id = ""; 
    var biller_id = ""; 

    this.get_category_id = function() { 
    return this.category_id; 
    } 
    this.set_category_id = function(value) { 
    this.category_id = value; 
    } 

    this.get_biller_id = function() { 
    return this.biller_id; 
    } 

alert(JSON.stringify(contextObj));//now check in alert for out put 
    this.set_biller_id = function(value) { 
    this.biller_id = value; 
    } 
} 


var contextObj = new UserContext(); 
contextObj.set_category_id('Delhi'); 
contextObj.set_biller_id('43');