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 相关文章推荐
JavaScript中的对象化编程
Jan 16 Javascript
Jquery上传插件 uploadify v3.1使用说明
Jun 18 Javascript
纯js实现div内图片自适应大小(已测试,兼容火狐)
Jun 16 Javascript
javascript使用appendChild追加节点实例
Jan 12 Javascript
Extjs 点击复选框在表格中增加相关信息行
Jul 12 Javascript
Angular 应用技巧总结
Sep 14 Javascript
BootStrap整体框架之基础布局组件
Dec 15 Javascript
canvas绘图不清晰的解决方案
Feb 28 Javascript
详细讲解vue2+vuex+axios
May 27 Javascript
Three.js实现浏览器变动时进行自适应的方法
Sep 26 Javascript
详解在React中跨组件分发状态的三种方法
Aug 09 Javascript
详解Vue+elementUI build打包部署后字体图标丢失问题
Jul 13 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
20个非常棒的Jquery实用工具 国外文章
2010/01/01 Javascript
高性能WEB开发 flush让页面分块,逐步呈现 flush让页面分块,逐步呈现
2010/06/19 Javascript
Javascript 遮罩层和加载效果代码
2013/08/01 Javascript
jQuery处理xml格式的返回数据(实例解析)
2013/11/28 Javascript
如何在指定的地方插入html内容和文本内容
2013/12/23 Javascript
制作jquery遮罩层效果导航菜单代码分享
2013/12/25 Javascript
jQuery中:input选择器用法实例
2015/01/03 Javascript
Javascript操作dom对象之select全面解析
2017/04/24 Javascript
浅谈实现vue2.0响应式的基本思路
2018/02/13 Javascript
webpack 模块热替换原理
2018/04/09 Javascript
取消Bootstrap的dropdown-menu点击默认关闭事件方法
2018/08/10 Javascript
Vue创建头部组件示例代码详解
2018/10/23 Javascript
微信公众平台获取access_token的方法步骤
2019/03/29 Javascript
js实现秒表计时器
2019/12/16 Javascript
Python实现SVN的目录周期性备份实例
2015/07/17 Python
在Python中的Django框架中进行字符串翻译
2015/07/27 Python
python查找重复图片并删除(图片去重)
2019/07/16 Python
python issubclass 和 isinstance函数
2019/07/25 Python
Python拆分大型CSV文件代码实例
2019/10/07 Python
Ranorex通过Python将报告发送到邮箱的方法
2020/01/12 Python
tensorboard 可以显示graph,却不能显示scalar的解决方式
2020/02/15 Python
python 实现图片批量压缩的示例
2020/12/18 Python
Python实现小黑屋游戏的完整实例
2021/01/06 Python
Bjorn Borg官方网上商店:国际运动时尚品牌
2016/08/27 全球购物
有趣、实用和鼓舞人心的产品:Inspire Uplift
2019/11/05 全球购物
怎样从/向数据文件读/写结构
2014/11/23 面试题
自荐书格式
2013/12/01 职场文书
学校元旦晚会方案
2014/02/19 职场文书
团队拓展活动方案
2014/08/28 职场文书
2015年医德考评自我评价
2015/03/03 职场文书
2016高中社会实践心得体会范文
2016/01/14 职场文书
大学毕业生自我鉴定范文
2019/06/21 职场文书
Python中X[:,0]和X[:,1]的用法
2021/05/10 Python
Python 中的 copy()和deepcopy()
2021/11/07 Python
nginx共享内存的机制详解
2022/03/21 Servers
Python中使用Opencv开发停车位计数器功能
2022/04/04 Python