javascript对象封装后转换为json

  之前写了一个在Object原型加上一个转换json的工具，有一些bug和瑕疵在里面，而且改变Object的原型不是一个好的做法。

  正好项目中有要用到，所以就重新写了一个我们项目所需要的结构来进行转换。

 
下载地址：http://download.csdn.net/download/w172087242/9600079

  建议使用Google浏览器进行测试，插件支持所有主流浏览器

 首先是ywkj-util.js

 

/**
* Created by littlehow on 2016/8/9 0009.
* @author littlehow
*/
var YWKJ = {};
/** util命名空间 */
YWKJ.util = {};

/** 字符串连接 */
YWKJ.util.StringBuffer = function(){
this._value = [];
this.add = this.append = function(s) {
this._value.push(s);
return this;
}
this.removeAdd = this.removeAppend = function() {
this._value.pop();
return this;
}
this.valueOf = this.toString = function(split) {
return this._value.join(split || "");
}
this.getAddCnt = this.getAppendCnt = function(){
return this._value.length;
}
this.empty = this.clear = function(){
this._value = [];
return this;
}
this.length = function(){
return this.toString().length;
}
}

/** 获取对象toString */
YWKJ.util.getString = function(obj) {
if (obj === undefined || obj === null) return null;
if(typeof obj == "string"){
return '"' + obj + '"';
} else if(typeof obj == "date"){
return obj.getTime();
} else {
return obj;
}
}

/** 获取对象的jsonString */
YWKJ.util.forJsonString = function(obj) {
if(obj === undefined || obj === null) return null;
if(typeof obj == "function") return "{}";
var sb = new this.StringBuffer();
if(obj.constructor == Array) {//处理数组
if(obj.length == 0) return "[]";
sb.add("[");
for(var i = 0, len = obj.length; i < len; i++){
var v = obj[i];
if(typeof v == "object") v = this.forJsonString(v);
else v = this.getString(v);
sb.add(v).add(", ");
}
if(sb.getAddCnt() > 1) sb.removeAdd();
return sb.add("]").toString();
}else if(typeof obj == "object"){
sb.add("{");
for(var i in obj){
var v = obj[i];
if(v === undefined || v === null) continue;
var type = typeof v;
if(type == "function"){
continue;
} else{
if(typeof v == "object") v = this.forJsonString(v);
else v = this.getString(v);
sb.add('"').add(i).add('" : ').add(v).add(", ");
}
}
if(sb.getAddCnt() > 1) sb.removeAdd();
return sb.add("}").toString();
} else {
return null;
}
}

然后是实体类空间ywkj-pojo.js

/**
* pojo.js file
* @author littlehow
* @time 2016-08-09 10:17
* @dependence ywkj-util.js
*/
/** pojo命名空间 */
YWKJ.pojo = {};

YWKJ.pojo.ParentFunctionBean = function(){
this.toJson = function() {
return YWKJ.util.forJsonString(this);
}
}

最后是bean空间ywkj-pojo-report.js

/**
* @author littlehow
* @time 2016-08-09 11:55
* @dependence ywkj-pojo.js
*/
/** package report */
YWKJ.pojo.report = {
p : YWKJ.pojo
};
/** 浅继承 */
YWKJ.pojo.report.extendFunc = function(son, parent) {
for(var i in parent) {
if(!son.prototype[i]) {//不存在则可以继承
son.prototype[i] = parent[i];
}
}
}

YWKJ.pojo.report.extendsAll = function() {
var parent = new this.p.ParentFunctionBean();
this.extendFunc(this.ReportBase, parent);
this.extendFunc(this.Column, parent);
this.extendFunc(this.Param, parent);
this.extendFunc(this.ReportBean, parent);
this.extendFunc(this.Template, parent);
this.extendFunc(this.Sql, parent);
}

/**
* 方法继承bean
* @constructor
*/
YWKJ.pojo.report.ParentFunctionBean = function(){
this.toJson = function() {
return YWKJ.util.forJsonString(this);
}
}

/**
* 报表基础信息
* @param reportName
* @param userId
* @param userName
* @param useFlag
* @param platform
* @constructor
*/
YWKJ.pojo.report.ReportBase = function(reportName, userId, userName, useFlag, platform) {
this.reportName = reportName;
this.createUserid = userId;
this.createUser = userName;
this.useState = useFlag;
this.updateUserid = null;
this.updateUser = null;
this.id = null;
this.platform = platform;
}

/**
* 参数信息
* @param name
* @param desc
* @param code
* @param type
* @param map
* @param _default
* @constructor
*/
YWKJ.pojo.report.Param = function(name, desc, code, type, map, _default){
this.paramName = name;
this.paramDesc = desc;
this.paramCode = code;
this.paramType = type;
this.paramMap = map;
this.paramDefault = _default;
this.operType = null;
this.id = null;
}

/**
* 展示字段信息
* @param code
* @param name
* @param note
* @constructor
*/
YWKJ.pojo.report.Column = function(code, name, note){
this.columnCode = code;
this.columnName = name;
this.note = note;
this.operType = null;
}

/**
* 语句信息
* @param sql
* @param id
* @constructor
*/
YWKJ.pojo.report.Sql = function(sql, id) {
this.sql = sql;
this.id = id;
}

/**
* 模板信息pojo
* @param content
* @param sql
* @param params
* @param columns
* @constructor
*/
YWKJ.pojo.report.Template = function(name, type, code, content, sql, soutNum, params, columns) {
this.templateName = name;
this.templateType = type;
this.templateCode = code;
this.content = content;
this.sqlInfo = sql;
this.soutNum = soutNum;
this.params = params;
this.columns = columns;
this.operType = null;
this.id = null;
}

/**
* 报表信息
* @param base
* @param templates
* @constructor
*/
YWKJ.pojo.report.ReportBean = function(base, templates) {
this.base = base;
this.templates = templates;
}

/**
* 执行继承
*/
YWKJ.pojo.report.extendsAll();

调用html代码：

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>report json test</title>
<script type="text/javascript" src="../js/ywkj-util.js"></script>
<script type="text/javascript" src="../js/ywkj-pojo.js"></script>
<script type="text/javascript" src="../js/ywkj-pojo-report.js"></script>
</head>
<body>
<div id="mydiv" style="width:600px;background-color:black;color:orange;"></div>
</body>
<script type="text/javascript">
var $ = YWKJ.pojo.report;
var columns = [new $.Column("userid","用户id","登录者"), new $.Column("userid","用户id","登录者")];
columns[0].operType = "2";
columns[1].operType = "1";
var params = [new $.Param("用户id", "用户id", "string1", "string", "userid", "171")];
params[0].operType = "3";
params[0].id = 777;
var templates = [new $.Template("用户增长曲线图", "散点图", "x001", "这是是示例模板, 欢迎光临 ${userid}", new $.Sql("select * from user_info where userid=#{string1}", 133), 0, params, columns)];
templates[0].operType = "2";
templates[0].id = 168;
var base = new $.ReportBase("用户浏览报表", null, null, false, "终端宝");
base.updateUserid = "18561561";
base.updateUser = "陈浩南";
var report = new $.ReportBean(base, templates);
console.log(report.toJson());
console.log(base.toJson());
console.log(templates[0].toJson());
document.getElementById("mydiv").innerHTML = report.toJson();
console.log((new $.ReportBean()).toJson());
</script>
</html>