TypeScript 学习笔记之基本类型


Posted in Javascript onJune 19, 2015

在 TypeScript 中一共有 7 种基本类型。

1、boolean

var isDone: boolean = false;

2、number

代表 JavaScript 中的数字。在 JavaScript 中,无论是“整数”还是“浮点数”,都是以双精度浮点类型存储的。

var height: number = 6;

3、string

代表字符串。跟 JavaScript 一样,可以使用一对双引号(")或一对单引号(')来表示字符串。

var name: string = "bob";

name = 'smith';

4、array

TypeScript 中有两种数组声明方法。

①使用“[]”来声明:

var list: number[] = [1, 2, 3];

②使用数组类型来声明:

var list: Array<number> = [1, 2, 3];

两种声明方式都可以使用,效果并不会有区别。但建议代码中应尽量只使用其中一种,以保持代码风格统一。

5、enum

枚举类型是 TypeScript 中新添加的,而 JavaScript 中是没有这个类型的。

enum Color {

    Red,

    Green,

    Blue

};

var c: Color = Color.Green;

跟 C# 一样,如果不声明第一项的值,那么上面 Red 的值就是 0,然后每一项都增加一,即 Green 是 1,Blue 是 2。

enum Color {

    Red = 1,

    Green,

    Blue

};

var c: Color = Color.Green;

所以此时 Red 的值为 1,Green 为 2,Blue 为 3。

当然也可以为每一项都指定一个值。

enum Color {

    Red = 1,

    Green = 2,

    Blue = 4

};

var c: Color = Color.Green;

另外枚举类型还有一个比较特殊的功能,假如我们有一个数值,但是我们不知道枚举类型中是否有定义,可以用以下方式来获取:

enum Color {

    Red = 1,

    Green,

    Blue

};

var colorName: string = Color[2];

alert(colorName);

colorName = Color[4];

alert(colorName);

那么将会输出 Green 和 undefined。因为 Green 的值是 2,而没有一个枚举定义的值是 4,所以返回 undefined。

6、any

和 JavaScript 中变量的默认类型一样,指代是动态的,能够赋予任意类型。例如:

var notSure: any = 4;

notSure = "maybe a string instead";

notSure = false; // okay, definitely a boolean

定义为 any 后,将失去语法感知的功能,就相当于写 JavaScript 一样。

值得一提的是,any 可以配合数组来使用:

var list: any[] = [1, true, "free"];

list[1] = 100;

7、void

这个类型仅能在函数中使用,可以将函数的返回类型指定为 void,表示该函数不返回任何值。

function warnUser(): void {

    alert("This is my warning message");

}

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
CSS常用网站布局实例
Apr 03 Javascript
js形成页面的一种遮罩效果实例代码
Jan 04 Javascript
jquery下拉select控件操作方法分享(jquery操作select)
Mar 25 Javascript
Jquery方式获取iframe页面中的 Dom元素
May 07 Javascript
javascript里绝对用的上的字符分割函数总结
Jul 31 Javascript
jQuery实现DIV层淡入淡出拖动特效的方法
Feb 13 Javascript
JS实现CheckBox复选框全选、不选或全不选功能
Jul 28 Javascript
jQuery插件支持同一页面被多次调用
Feb 14 Javascript
Javascript 两种刷新方法以及区别和适用范围
Jan 17 Javascript
微信小程序 利用css实现遮罩效果实例详解
Jan 21 Javascript
Webpack5正式发布,有哪些新特性
Oct 12 Javascript
JavaScript架构搭建前端监控如何采集异常数据
Jun 25 Javascript
使用Chrome浏览器调试AngularJS应用的方法
Jun 18 #Javascript
使用AngularJS创建自定义的过滤器的方法
Jun 18 #Javascript
深入讲解AngularJS中的自定义指令的使用
Jun 18 #Javascript
3个可以改善用户体验的AngularJS指令介绍
Jun 18 #Javascript
在AngularJS应用中实现一些动画效果的代码
Jun 18 #Javascript
使用AngularJS对路由进行安全性处理的方法
Jun 18 #Javascript
浅谈Node.js中的定时器
Jun 18 #Javascript
You might like
php面向对象全攻略 (十四) php5接口技术
2009/09/30 PHP
php中simplexml_load_string使用实例分享
2014/02/13 PHP
PHP面向对象教程之自定义类
2014/06/10 PHP
javascript的渐进增强与平稳退化浅谈
2013/11/12 Javascript
jquery获取tagName再进行判断
2014/05/29 Javascript
JavaScript中输出标签的方法
2014/08/27 Javascript
最新最热最实用的15个jQuery插件汇总
2015/07/05 Javascript
JavaScript与java语言有什么不同
2016/09/22 Javascript
vue-cli项目中怎么使用mock数据
2017/09/27 Javascript
旺旺在线客服代码 旺旺客服代码生成器
2018/01/09 Javascript
angularjs实现的购物金额计算工具示例
2018/05/08 Javascript
[03:42]2014DOTA2西雅图国际邀请赛 Navi战队巡礼
2014/07/07 DOTA
[35:55]完美世界DOTA2联赛PWL S3 Rebirth vs CPG 第一场 12.11
2020/12/13 DOTA
Django中模型Model添加JSON类型字段的方法
2015/06/17 Python
Python+Selenium+PIL+Tesseract自动识别验证码进行一键登录
2017/09/20 Python
Python使用arrow库优雅地处理时间数据详解
2017/10/10 Python
python with提前退出遇到的坑与解决方案
2018/01/05 Python
Django使用HttpResponse返回图片并显示的方法
2018/05/22 Python
python中update的基本使用方法详解
2019/07/17 Python
python如何将两个txt文件内容合并
2019/10/18 Python
Python学习之os模块及用法
2020/06/03 Python
UGG雪地靴德国官网:UGG德国
2016/11/19 全球购物
以工厂直接定价的传奇性能:Ben Hogan Golf
2019/01/04 全球购物
继承时候类的执行顺序问题,一般都是选择题,问你将会打印出什么?
2015/11/18 面试题
会计毕业生自我鉴定
2013/11/04 职场文书
秘书英文求职信范文
2014/01/31 职场文书
车间主任岗位职责
2015/02/03 职场文书
董事长致辞
2015/07/29 职场文书
被委托人身份证明
2015/08/07 职场文书
2016入党心得体会范文
2016/01/06 职场文书
2016读书月活动心得体会
2016/01/14 职场文书
如何使用Maxwell实时同步mysql数据
2021/04/08 MySQL
浅谈Go语言多态的实现与interface使用
2021/06/16 Golang
php实现自动生成验证码的实例讲解
2021/11/17 PHP
Win11电脑显示本地时间与服务器时间不一致怎么解决?
2022/04/05 数码科技
Python+Pillow+Pytesseract实现验证码识别
2022/05/11 Python