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 相关文章推荐
jQuery validate 中文API 附validate.js中文api手册
Jul 31 Javascript
使用JS CSS去除IE链接虚线框的三种方法
Nov 14 Javascript
原生js事件的添加和删除的封装
Jul 01 Javascript
javascript 闭包详解
Feb 15 Javascript
分享bootstrap学习笔记心得(组件及其属性)
Jan 11 Javascript
vue.js内部自定义指令与全局自定义指令的实现详解(利用directive)
Jul 11 Javascript
get  post jsonp三种数据交互形式实例详解
Aug 25 Javascript
JS自定义函数实现时间戳转换成date的方法示例
Aug 27 Javascript
element-ui上传一张图片后隐藏上传按钮功能
May 22 Javascript
js实现for循环跳过undefined值示例
Jul 02 Javascript
jQuery表单选择器用法详解
Aug 22 jQuery
element-ui封装一个Table模板组件的示例
Jan 04 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
解决FastCGI 进程超过了配置的活动超时时限的问题
2013/07/03 PHP
PHP中ID设置自增后不连续的原因分析及解决办法
2016/08/21 PHP
PHP单态模式简单用法示例
2016/11/16 PHP
Laravel中七个非常有用但很少人知道的Carbon方法
2017/09/21 PHP
JavaScript 给汉字排序实例代码
2008/06/28 Javascript
JavaScript禁止页面操作的示例代码
2013/12/17 Javascript
JavaScript获得页面base标签中url的方法
2015/04/03 Javascript
常用jQuery代码分享
2015/07/14 Javascript
javascript实现选中复选框后相关输入框变灰不可用的方法
2015/08/11 Javascript
全面了解JavaScirpt 的垃圾(garbage collection)回收机制
2016/07/11 Javascript
js检查是否关闭浏览器的方法
2016/08/02 Javascript
简易的JS计算器实现代码
2016/10/18 Javascript
js判断手机号是否正确并返回的实现代码
2017/01/17 Javascript
JS实现JSON.stringify的实例代码讲解
2017/02/07 Javascript
vue自定义指令directive实例详解
2018/01/17 Javascript
5分钟快速掌握JS中var、let和const的异同
2018/09/19 Javascript
vue实现户籍管理系统
2020/05/29 Javascript
在vue中封装的弹窗组件使用队列模式实现方法
2020/07/23 Javascript
Element-ui el-tree新增和删除节点后如何刷新tree的实例
2020/08/31 Javascript
详谈python中冒号与逗号的区别
2018/04/18 Python
python 使用plt画图,去除图片四周的白边方法
2019/07/09 Python
python Pandas库基础分析之时间序列的处理详解
2019/07/13 Python
python3中eval函数用法使用简介
2019/08/02 Python
python实现静态服务器
2019/09/05 Python
python3 tcp的粘包现象和解决办法解析
2019/12/09 Python
Python os库常用操作代码汇总
2020/11/03 Python
《藤野先生》教学反思
2014/02/19 职场文书
责任担保书范文
2014/05/21 职场文书
电子专业毕业生自荐信
2014/05/25 职场文书
运动会方阵口号
2014/06/07 职场文书
旅游与酒店管理专业求职信
2014/07/21 职场文书
2014年质检工作总结
2014/11/26 职场文书
优秀员工事迹材料
2014/12/20 职场文书
贪污检举信范文
2015/03/02 职场文书
课改心得体会范文
2016/01/25 职场文书
Python实现灰色关联分析与结果可视化的详细代码
2022/03/25 Python