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 相关文章推荐
js 数组克隆方法 小结
Mar 20 Javascript
打开新窗口关闭当前页面不弹出关闭提示js代码
Mar 18 Javascript
使用js实现按钮控制文本框加1减1应用于小时+分钟
Dec 09 Javascript
jQuery窗口、文档、网页各种高度的精确理解
Jul 02 Javascript
js 左右悬浮对联广告代码示例
Dec 12 Javascript
谈谈JavaScript中的几种借用方法
Aug 09 Javascript
微信小程序 picker-view 组件详解及简单实例
Jan 10 Javascript
js实现股票实时刷新数据案例
May 14 Javascript
layui表格数据重载
Jul 27 Javascript
layui动态渲染生成左侧3级菜单的方法(根据后台返回数据)
Sep 23 Javascript
vue实现吸顶、锚点和滚动高亮按钮效果
Oct 21 Javascript
微信小程序实现滑动操作代码
Apr 23 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上传、管理照片示例
2006/10/09 PHP
攻克CakePHP系列三 表单数据增删改
2008/10/22 PHP
php数组函数序列之prev() - 移动数组内部指针到上一个元素的位置,并返回该元素值
2011/10/31 PHP
php在window iis的莫名问题的测试方法
2013/05/14 PHP
php ci框架验证码实例分析
2013/06/26 PHP
ThinkPHP的模版中调用session数据的方法
2014/07/01 PHP
php利用递归实现删除文件目录的方法
2016/09/23 PHP
浅谈Laravel核心解读之Console内核
2018/12/02 PHP
PHP中十六进制颜色与RGB颜色值互转的方法
2019/03/18 PHP
ExtJS的FieldSet的column列布局
2009/11/20 Javascript
javascript 从if else 到 switch case 再到抽象
2010/07/17 Javascript
Javascript 遮罩层和加载效果代码
2013/08/01 Javascript
js电话号码验证方法
2015/09/28 Javascript
基于jQuery和hwSlider实现内容左右滑动切换效果附源码下载(一)
2016/06/22 Javascript
Angular4学习笔记之实现绑定和分包
2017/08/01 Javascript
浅谈Angular 观察者模式理解
2018/11/01 Javascript
Vuex的初探与实战小结
2018/11/26 Javascript
[00:44]华丽开场!DOTA2勇士令状带来全新对阵画面
2019/05/15 DOTA
python生成随机密码或随机字符串的方法
2015/07/03 Python
python的变量与赋值详细分析
2017/11/08 Python
快速解决PyCharm无法引用matplotlib的问题
2018/05/24 Python
python读出当前时间精度到秒的代码
2019/07/05 Python
使用python和pygame制作挡板弹球游戏
2019/12/03 Python
python使用numpy中的size()函数实例用法详解
2021/01/29 Python
HTML5+WebSocket实现多文件同时上传的实例
2016/12/29 HTML / CSS
HTML5公共页面提取作为公用代码的方法
2020/06/30 HTML / CSS
加拿大最大的钻石商店:Peoples Jewellers
2018/01/01 全球购物
学生思想表现的评语
2014/01/30 职场文书
2014年中班元旦活动方案
2014/02/14 职场文书
企业文明单位申报材料
2014/05/16 职场文书
基层领导干部“四风”问题批评与自我批评
2014/09/23 职场文书
邀请函模板
2015/02/02 职场文书
2016自主招生教师推荐信范文
2015/03/23 职场文书
承诺书的内容有哪些,怎么写?
2019/06/21 职场文书
关于Python OS模块常用文件/目录函数详解
2021/07/01 Python
Python可视化动图组件ipyvizzu绘制惊艳的可视化动图
2022/04/21 Python