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>