typescript ts 基本数据类型本质

最近Google 和 Microsoft 因Angular2 走的很近。
而其中的原因离不开Angular2的基础语言 : typescript。

typescript

typescript(以下简称ts)和coffeescript一样,都是js的语法糖。因此,ts仅仅是js的超集而已,在实际的应用运行中,ts还是会被转换为js进行运行,多了一道转换,当然也就削减了一部分的性能。ts给我的感觉是不断的在向静态语言编程风格靠近,这也给了我们很多的便利。

比如ts里的基本数据类型 Number String Boolean

let str:string;
let num:number;
let bool:boolean;

这样看似ts把js变成强类型的语言了,因为我们只可以给对应的类型赋值。比如我们这样赋值就会出错。

let str:string = 1;

因为str 是string类型,赋值为1,1是一个number类型,因此会报错。

 error TS2322: Type '1' is not assignable to type 'string'.

但是!
随着我们看一下被tsc编译成js的源文件时,你会大吃一惊。
ts源文件

let str:string;
let num:number;
let bool:boolean;

编译后的js源文件

var str;
var num;
var bool;

尽管ts 显示的声明了string ,number,boolean ,但是在js里都是用var来进行声明的,因为ts只是js的语法糖嘛,现在我们来看一下刚刚进行赋值的语句。

let str:string = 1;

在js里变成了这样

var str = 1;

这样在js里自然是没有错的,因此我们还是可以console一下这个str。

1

ts的编译器虽然报了错,这可能不是你想要的结果,但是实际上它还是可以正常运行的,ts只是js的语法糖,不管在ts里是bool,number,string类型,编译过后都是var。并没有做任何的限制。

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值