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 切换不同图片示例代码
Dec 05 Javascript
js图片闪动特效可以控制间隔时间如几分钟闪动一下
Aug 12 Javascript
jquery实现的仿天猫侧导航tab切换效果
Aug 24 Javascript
基于jquery实现的仿优酷图片轮播特效代码
Jan 13 Javascript
理解javascript对象继承
Apr 17 Javascript
详解vue的数据binding绑定原理
Apr 12 Javascript
基于JS脚本语言的基础语法详解
Jul 22 Javascript
Nuxt.js踩坑总结分享
Jan 18 Javascript
Vue.js 使用v-cloak后仍显示变量的解决方法
Nov 19 Javascript
vue开发环境配置跨域的方法步骤
Jan 16 Javascript
vue表单中遍历表单操作按钮的显示隐藏示例
Oct 30 Javascript
vue实现在线预览pdf文件和下载(pdf.js)
Nov 26 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
全国FM电台频率大全 - 5 内蒙古自治区
2020/03/11 无线电
PHP中Enum(枚举)用法实例详解
2015/12/07 PHP
CI框架使用composer安装的依赖包步骤与方法分析
2016/11/21 PHP
关于Laravel Route重定向的一个注意点
2017/01/16 PHP
js中如何复制一个对象并获取其所有属性和属性对应的值
2013/10/24 Javascript
纯js分页代码(简洁实用)
2013/11/05 Javascript
JavaScript中toString()方法的使用详解
2015/06/05 Javascript
JavaScript常用标签和方法总结
2015/09/01 Javascript
js基于cookie方式记住返回页面用法示例
2016/05/27 Javascript
AngularJS基础 ng-copy 指令实例代码
2016/08/01 Javascript
js实现图片缓慢放大缩小效果
2016/08/02 Javascript
Angularjs 依赖压缩及自定义过滤器写法
2017/02/04 Javascript
vue中的mescroll搜索运用及各种填坑处理
2019/10/30 Javascript
Python检测一个对象是否为字符串类的方法
2015/05/21 Python
python比较两个列表是否相等的方法
2015/07/28 Python
Python使用Pycrypto库进行RSA加密的方法详解
2016/06/06 Python
Tornado协程在python2.7如何返回值(实现方法)
2017/06/22 Python
详谈python中冒号与逗号的区别
2018/04/18 Python
对Pyhon实现静态变量全局变量的方法详解
2019/01/11 Python
python二进制读写及特殊码同步实现详解
2019/10/11 Python
使用OpenCV-python3实现滑动条更新图像的Canny边缘检测功能
2019/12/12 Python
Python和Sublime整合过程图示
2019/12/25 Python
Python3.7实现验证码登录方式代码实例
2020/02/14 Python
.img/.hdr格式转.nii格式的操作
2020/07/01 Python
PyTorch: Softmax多分类实战操作
2020/07/07 Python
Python压缩模块zipfile实现原理及用法解析
2020/08/14 Python
英国电动工具购买网站:Anglia Tool Centre
2017/04/25 全球购物
九年级家长会邀请函
2014/01/15 职场文书
化妆师职业生涯规划书
2014/02/16 职场文书
大学自主招生推荐信
2014/05/10 职场文书
课堂打架检讨书200字
2014/11/21 职场文书
世界卫生日宣传活动总结
2015/02/09 职场文书
2015年员工工作总结范文
2015/04/08 职场文书
2015年电厂工作总结范文
2015/05/13 职场文书
同学会感言
2015/07/30 职场文书
深入浅析Django MTV模式
2021/09/04 Python