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 相关文章推荐
不用AJAX和IFRAME,说说真正意义上的ASP+JS无刷新技术
Sep 25 Javascript
文本框根据输入内容自适应高度的代码
Oct 24 Javascript
浅析jquery的作用与优势
Dec 02 Javascript
针对JavaScript中this指向的简单理解
Aug 26 Javascript
微信小程序中hidden不生效原因的解决办法
Apr 26 Javascript
Vue中添加手机验证码组件功能操作方法
Dec 07 Javascript
vue.js父子组件通信动态绑定的实例
Sep 28 Javascript
Koa 使用小技巧(小结)
Oct 22 Javascript
vue生命周期与钩子函数简单示例
Mar 13 Javascript
详解vue 路由跳转四种方式 (带参数)
Apr 28 Javascript
vue-cli3自动消除console.log()的调试信息方式
Oct 21 Javascript
js动态生成表格(节点操作)
Jan 12 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与javascript的两种交互方式
2006/10/09 PHP
Mysql的Root密码忘记,查看或修改的解决方法(图文介绍)
2013/06/14 PHP
PHP可变函数的使用详解
2013/06/14 PHP
PHP中array_merge和array相加的区别分析
2013/06/17 PHP
分享PHP守护进程类
2015/12/30 PHP
php unicode编码和字符串互转的方法
2020/08/12 PHP
去除链接虚线全面分析总结
2006/08/15 Javascript
求解开jscript.encode代码的asp函数
2007/02/28 Javascript
JS支持带x身份证号码验证函数
2008/08/10 Javascript
js 剪切板应用clipboardData详细解析
2013/12/17 Javascript
jquery的each方法使用示例分享
2014/03/25 Javascript
nodejs实现HTTPS发起POST请求
2015/04/23 NodeJs
Bootstrap Metronic完全响应式管理模板之菜单栏学习笔记
2016/07/08 Javascript
JS基于for语句编写的九九乘法表示例
2018/01/04 Javascript
详解jQuery中的easyui
2018/09/02 jQuery
微信小程序模板消息限制实现无限制主动推送的示例代码
2019/08/27 Javascript
Node.js HTTP服务器中的文件、图片上传的方法
2019/09/23 Javascript
python字符串替换的2种方法
2014/11/30 Python
学习python 之编写简单乘法运算题
2016/02/27 Python
Pycharm学习教程(4) Python解释器的相关配置
2017/05/03 Python
Python实现批量读取图片并存入mongodb数据库的方法示例
2018/04/02 Python
详解Django的CSRF认证实现
2018/10/09 Python
pygame游戏之旅 添加游戏界面按键图形
2018/11/20 Python
Python搭建代理IP池实现存储IP的方法
2019/10/27 Python
PyQT5 emit 和 connect的用法详解
2019/12/13 Python
Jupyter 无法下载文件夹如何实现曲线救国
2020/04/22 Python
详解tensorflow2.x版本无法调用gpu的一种解决方法
2020/05/25 Python
python操作微信自动发消息的实现(微信聊天机器人)
2020/07/14 Python
Django windows使用Apache实现部署流程解析
2020/10/12 Python
css3如何绘制一个圆圆的loading转圈动画
2018/01/09 HTML / CSS
canvas小画板之平滑曲线的实现
2020/08/12 HTML / CSS
LivingSocial英国:英国本地优惠
2019/02/22 全球购物
篝火晚会策划方案
2014/05/16 职场文书
医院搬迁方案
2014/06/14 职场文书
小学校长个人总结
2015/03/03 职场文书
心得体会格式及范文
2016/01/25 职场文书