3个文件：

1.UserInfoGetResponse.ts

class UserInfoGetResponse{

    private userId: number;

    private userName: string;

    private userPwd: string;

    public getUserId(): number {

        return this.userId;

    }

    public setUserId(value: number) {

        this.userId = value;

    }

    public getUserName(): string {

        return this.userName;

    }

    public setUserName(value: string) {

        this.userName = value;

    }

    public getUserPwd(): string {

        return this.userPwd;

    }

    public setUserPwd(value: string) {

        this.userPwd = value;

    }

}

export = UserInfoGetResponse;

2.ts2bean.ts

import UserInfoGetResponse = require("./src/js/UserInfoGetResponse");

window.onload = ()=>{

    let wokao = this.document.getElementById("wokao");

    wokao.onclick = ()=>{

        let json = "{\"userId\":777,\"userName\":\"小李飞刀\",\"userPwd\":\"wokao123\"}";

        let res1 = new UserInfoGetResponse();

        let res2 = new UserInfoGetResponse();

        /*

         1.这种方式会失去类型信息，导致 res1.getUserName() 报错，显示未定义

         */

        res1 = JSON.parse(json);

        //console.log(res1.getUserName()); 会报错。

        //强制这样写，编译时报错，但是运行时是可以通过的，可见JSON.parse只是转换成了一个纯净的JsonObject，不包含方法

        //console.log(res1.userName);

        /*

         2.这个方法是es6新增的，可以实现不错，不丢失方法（完美方案）

         */

        Object.assign(res2, JSON.parse(json));

        console.log(res2.getUserName());

        //当然 像 res3这样直接写，也是可以的。

        //let res3: UserInfoGetResponse = Object.assign(new UserInfoGetResponse(), JSON.parse(json));

        /*

         是一件好事，仅仅留意下就可。

         注意事项，若实体类中不包含一个字段，而json中包含这个字段，那么转换后，虽然不能通过实例对象来获取，但是属性是已经加上了

         就是说，JSON.parse 会把 json中的 所有字段都加到对象上，而不管这个对象的类 有没有定义，有定义 就按有定义的来，没定义

         就直接增加上，但是 由于没有定义 所以写代码时 无法方法，但是运行时 是可以获取到的，这其实是一件好事。

         测试方法：

           1. 去除UserInfoGetResponse的 userId字段

           2. 然后 console.log(res2.userId()); 会发行IDE会报错因为没有定义，但是运行时 是没有问题的，可以获取到。

              通过 JSON.stringify 也会出来，是一件好事，不影响使用。

         */

    }

}

export = window.onload

res1 报错截图：

res1 直接写 userName 编译报错，运行正常截图：

res2 运行正常截图，这个省略了。

res2 去除 userId 后， 测试流程截图：

这个问题的来源是某一个人的提问，我也测试了下 不影响使用：https://stackoverflow.com/questions/43019452/typescript-json-to-typescript-object

3.index.html

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Hello World!</title>

    <!-- https://electronjs.org/docs/tutorial/security#csp-meta-tag -->

    <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';" />

    <script src="ts2bean.js"></script>

</head>

<body>

<h1>Hello World!</h1>

We are using node <script>document.write(process.versions.node)</script>,

Chrome <script>document.write(process.versions.chrome)</script>,

and Electron <script>document.write(process.versions.electron)</script>.

<button id = "wokao">点我</button>

</body>

</html>

typescript json 转 bean的更多相关文章

  1. JSON，Bean，XML，List，Map

    http://blog.csdn.net/superit401/article/details/51728929 JSON-lib这个Java类包用于把bean,map和XML转换成JSON并能够把J ...

  2. [TypeScript] JSON对象转TypeScript对象范例

    [TypeScript] JSON对象转TypeScript对象范例 Playground http://tinyurl.com/nv4x9ak Samples class DataTable { p ...

  3. Json与bean的相互转换

    本文使用json-lib jar包实现Json与bean的相互转换 1.将字符串转为JSON 使用JSONObject.fromObject(str)方法即可将字符串转为JSON对象 使用JSONOb ...

  4. java中 json和bean list map之间的互相转换总结

    JSON 与 对象 .集合 之间的转换 JSON字符串和java对象的互转[json-lib]   在开发过程中,经常需要和别的系统交换数据,数据交换的格式有XML.JSON等,JSON作为一个轻量级 ...

  5. Json与Bean互转，Timestamp类型的问题

    Json与Java Bean互相转换时,Bean中的Timestamp字段是无法直接处理的,需要实现两个转换器. DateJsonValueProcessor的作用是Bean转换为Json时将Time ...

  6. JSON与Bean互转

    转自: 关于json与javaBean之间的转换 废话不多说,直接进入主题,json与javaBean之间的互相转换 javaBean转换成json 直接使用提供的方法可以得到json JSONObj ...

  7. typescript Json Convert

    关键代码 this.data={}; // json string this.dataStr=JSON.stringify(this.data); // json object this.conver ...

  8. json转bean对象

    一下为个人收藏,以便下次使用. 前端传的json格式为: [{"suppliercode":"gylhld_gycqlt3_gycqlt1","pro ...

  9. jackson json转bean忽略没有的字段 not marked as ignorable

    @JsonIgnore注解用来忽略某些字段,可以用在Field或者Getter方法上,用在Setter方法时,和Filed效果一样.这个注解只能用在POJO存在的字段要忽略的情况,不能满足现在需要的情 ...

  10. gson转换json到bean时重命名

    @Expose   @SerializedName("0001") public Map<String,ChannelBean> c0001 = new HashMap ...

随机推荐

  1. zzuli 1908

    ***做的时候判断当前位置为.的上下左右是否为*,如果全是改位置就改为*,如果四周中有为.,再DFS一下,其实就相当于把判断化为更小的子问题*** #include<iostream> # ...

  2. java基础-流程控制-day04

    目录 1. if单分支 2. if else 多分支 3. if else双分支 4. 随机生成一定区间的整数 5 switch语句 6. while循环 7. for循环 8. break cont ...

  3. spring boot 中WebMvcConfigurer相关使用总结

    本文为博主原创,未经允许不得转载: WebMvcConfigurer 为spring boot中的一个接口,用来配置web相关的属性或工具插件,比如消息转换器,拦截器,视图处理器,跨域设置等等. 在S ...

  4. C++11 同步与互斥

    C++11 同步与互斥 0. C++11的线程 #include <thread> 面向对象的接口 RAII(资源获取即初始化)机制,当线程对象被销毁时,会自动执行析构函数,如果线程仍然在 ...

  5. blender 3D 汽车模型下载

    前言 因为之前需要模拟摄像头拍摄汽车车牌,从各种途径下载了一些blender 3D 汽车模型,现将模型分享出来,如有需要,直接去最后面下载地址下载即可 目前已经车型40多款 车型图 70年代Porsc ...

  6. [转帖]金仓数据库KingbaseES表空间(tablespace)知多少

    金仓数据库KingbaseES表空间定义 金仓数据库KingbaseES中的表空间允许在文件系统里定义那些代表数据库对象的文件存放位置,比如表和索引等.一旦表空间被创建,那么就可以在创建数据库对象时通 ...

  7. [转帖] Linux命令拾遗-查看系统信息

    https://www.cnblogs.com/codelogs/p/16060714.html 简介# 作为一名程序员,有时需要关注自己的进程运行在什么样的软硬件环境里,比如几核cpu.固态硬盘还是 ...

  8. [转帖]@Autowired 和 @Resource 的区别

    @Autowired 和 @Resource 的区别 默认注入方式不同 @Autowired 默认的注入方式为byType(根据类型进行匹配),也就是说会优先根据接口类型去匹配并注入 Bean (接口 ...

  9. [转帖]linux性能检测之sar详解

    http://blog.51niux.com/?id=99 sar也是sysstat中的一员. 一.介绍 1.1 简介 sar是一个优秀的一般性能监视工具,它可以输出Linux所完成的几乎所有工作的数 ...

  10. [转贴]一图弄懂ASCII、GB2312、GBK、GB18030编码

    一图弄懂ASCII.GB2312.GBK.GB18030编码 https://blog.csdn.net/LightUpHeaven/article/details/92008630 转载君子不器.  ...