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学习笔记记录我的旅程
May 23 Javascript
动态加载dtree.js树treeview(示例代码)
Dec 17 Javascript
JavaScript组件焦点与页内锚点间传值的方法
Feb 02 Javascript
基于jQuery+JSON的省市二三级联动效果
Jun 05 Javascript
javascript同步服务器时间和同步倒计时小技巧
Sep 24 Javascript
使用jsonp实现跨域获取数据实例讲解
Dec 25 Javascript
React实践之Tree组件的使用方法
Sep 30 Javascript
IE11下使用canvas.toDataURL报SecurityError错误的解决方法
Nov 19 Javascript
JS实现非首屏图片延迟加载的示例
Jan 06 Javascript
Vue实现本地购物车功能
Dec 05 Javascript
js实现特别简单的钟表效果
Sep 14 Javascript
JavaScript实现淘宝商品图切换效果
Apr 29 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 实现类似js中alert() 提示框
2015/03/18 PHP
PHP学习笔记之session
2018/05/06 PHP
一个不错的应用,用于提交获取文章内容,不推荐用
2007/03/03 Javascript
在textarea中显示html页面的javascript代码
2007/04/20 Javascript
一个简单的瀑布流效果(主体形式自写)
2013/05/27 Javascript
jQuery中:has选择器用法实例
2014/12/30 Javascript
javascript 常见功能汇总
2015/06/11 Javascript
怎样判断jQuery当前元素是隐藏还是显示
2016/11/23 Javascript
原生js实现日期计算器功能
2017/02/17 Javascript
Easy UI动态树点击文字实现展开关闭功能
2017/09/30 Javascript
angular.js实现购物车功能
2017/10/23 Javascript
node.js多个异步过程中判断执行是否完成的解决方案
2017/12/10 Javascript
使用Bootstrap4 + Vue2实现分页查询的示例代码
2017/12/21 Javascript
微信小程序使用wxParse解析html的方法示例
2019/01/17 Javascript
详解滑动穿透(锁body)终极探索
2019/04/16 Javascript
BootstrapValidator实现表单验证功能
2019/11/08 Javascript
微信小程序仿通讯录功能
2020/04/09 Javascript
Python  连接字符串(join %)
2008/09/06 Python
python生成指定尺寸缩略图的示例
2014/05/07 Python
Python自定义主从分布式架构实例分析
2016/09/19 Python
PyCharm 常用快捷键和设置方法
2017/12/20 Python
Python常用字符串替换函数strip、replace及sub用法示例
2018/05/21 Python
Python中的异常处理try/except/finally/raise用法分析
2019/02/28 Python
python设置环境变量的作用和实例
2019/07/09 Python
python 调试冷知识(小结)
2019/11/11 Python
Python+OpenCV实现实时眼动追踪的示例代码
2019/11/11 Python
python使用python-pptx删除ppt某页实例
2020/02/14 Python
Python3实现飞机大战游戏
2020/04/24 Python
Python 使用双重循环打印图形菱形操作
2020/08/09 Python
HTML5 客户端数据库简易使用:IndexedDB
2019/12/19 HTML / CSS
护理职业应聘自荐书
2013/09/29 职场文书
小学优秀班主任事迹材料
2014/05/17 职场文书
乡镇四风对照检查材料
2014/08/31 职场文书
学校三八妇女节活动总结
2015/02/06 职场文书
Nginx防盗链与服务优化配置的全过程
2022/01/18 Servers
python数字类型和占位符详情
2022/03/13 Python