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 相关文章推荐
jQuery1.4.2与老版本json格式兼容的解决方法
Feb 12 Javascript
ASP.NET jQuery 实例5 (显示CheckBoxList成员选中的内容)
Jan 13 Javascript
常用的jquery模板插件——jQuery Boilerplate介绍
Sep 23 Javascript
JavaScript实现的内存数据库LokiJS介绍和入门实例
Nov 17 Javascript
Javascript中浏览器窗口的基本操作总结
Aug 18 Javascript
详解react-redux插件入门
Apr 19 Javascript
微信小程序性能优化之checkSession的使用
Mar 06 Javascript
vue中使用 pako.js 解密 gzip加密字符串的方法
Jun 10 Javascript
jquery实现聊天机器人
Feb 08 jQuery
JavaScript, select标签元素左右移动功能实现
May 14 Javascript
在VUE中使用lodash的debounce和throttle操作
Nov 09 Javascript
微信小程序自定义底部弹出框动画
Nov 18 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
pw的一个放后门的方法分析
2007/10/08 PHP
php中使用Curl、socket、file_get_contents三种方法POST提交数据
2011/08/12 PHP
php数组函数序列之array_pop() - 删除数组中的最后一个元素
2011/11/07 PHP
如何批量替换相对地址为绝对地址(利用bat批处理实现)
2013/05/27 PHP
PHP APC的安装与使用详解
2013/06/13 PHP
有关于PHP中常见数据类型的汇总分享
2014/01/06 PHP
php实现搜索一维数组元素并删除二维数组对应元素的方法
2015/07/06 PHP
thinkPHP模型初始化实例分析
2015/12/03 PHP
PHP中类型转换 ,常量,系统常量,魔术常量的详解
2017/10/26 PHP
Yii2.0实现的批量更新及批量插入功能示例
2019/01/29 PHP
javascript模仿msgbox提示效果代码
2008/06/10 Javascript
用Javascript 和 CSS 实现脚注(Footnote)效果
2009/09/09 Javascript
jQuery获取(选中)单选,复选框,下拉框中的值
2014/02/21 Javascript
Bootstrap开发实战之第一次接触Bootstrap
2016/06/02 Javascript
js原生跨域_用script标签的简单实现
2016/09/24 Javascript
nodejs入门教程六:express模块用法示例
2017/04/24 NodeJs
JQuery form表单提交前验证单选框是否选中、删除记录时验证经验总结(整理)
2017/06/09 jQuery
jQuery Layer弹出层传值到父页面的实现代码
2017/08/17 jQuery
angular2中Http请求原理与用法详解
2018/01/11 Javascript
微信小程序实现图片翻转效果的实例代码
2019/09/20 Javascript
webpack4 optimization使用总结
2019/11/10 Javascript
js实现弹窗效果
2020/08/09 Javascript
仅用500行Python代码实现一个英文解析器的教程
2015/04/02 Python
Python实现线程池代码分享
2015/06/21 Python
Python实现的圆形绘制(画圆)示例
2018/01/31 Python
Python中property属性实例解析
2018/02/10 Python
python日期时间转为字符串或者格式化输出的实例
2018/05/29 Python
实践Vim配置python开发环境
2018/07/02 Python
Python数据可视化:幂律分布实例详解
2019/12/07 Python
Python通过正则库爬取淘宝商品信息代码实例
2020/03/02 Python
IDLE下Python文件编辑和运行操作
2020/04/25 Python
python属于解释型语言么
2020/06/15 Python
应聘英语教师求职信
2014/04/24 职场文书
英语求职信范文
2014/05/23 职场文书
公司领导班子群众路线四风问题对照检查材料
2014/10/02 职场文书
Web前端:CSS最强总结 附详细代码
2021/03/31 HTML / CSS