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 相关文章推荐
判断ie的两种简单方法
Aug 12 Javascript
JS动态添加Table的TR,TD实现方法
Jan 28 Javascript
快速解决Canvas.toDataURL 图片跨域的问题
May 10 Javascript
jQuery Easy UI中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑
Nov 29 Javascript
浅谈angular.copy() 深拷贝
Sep 14 Javascript
Node.js学习之TCP/IP数据通讯(实例讲解)
Oct 11 Javascript
原生javascript实现连连看游戏
Jan 03 Javascript
layui动态渲染生成左侧3级菜单的方法(根据后台返回数据)
Sep 23 Javascript
关于layui的下拉搜索框异步加载数据的解决方法
Sep 28 Javascript
JS监听Esc 键触发事键
Apr 14 Javascript
vue基于Teleport实现Modal组件
May 31 Vue.js
Vue监视数据的原理详解
Feb 24 Vue.js
使用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实现读取和编写XML DOM代码
2010/04/07 PHP
php多文件上传实现代码
2014/02/20 PHP
PHP下载远程文件到本地存储的方法
2015/03/24 PHP
PHP中explode函数和split函数的区别小结
2016/08/24 PHP
php 实现银联商务H5支付的示例代码
2019/10/12 PHP
使用laravel的Eloquent模型如何获取数据库的指定列
2019/10/17 PHP
9个JavaScript评级/投票插件
2010/01/18 Javascript
javascrip关于继承的小例子
2013/05/10 Javascript
如何在JavaScript中实现私有属性的写类方式(二)
2013/12/04 Javascript
封装好的一个万能检测表单的方法
2015/01/21 Javascript
JS实现数字格式千分位相互转换方法
2016/08/01 Javascript
纯js实现画一棵树的示例
2017/09/05 Javascript
JS实现按钮添加背景音乐示例代码
2017/10/17 Javascript
JS将网址url转化为JSON格式的方法
2018/07/02 Javascript
vue实现行列转换的一种方法
2019/08/06 Javascript
layui输入框只允许输入中文且判断长度的例子
2019/09/18 Javascript
Vue+Element-UI实现上传图片并压缩
2019/11/26 Javascript
VUE子组件向父组件传值详解(含传多值及添加额外参数场景)
2020/09/01 Javascript
python操作sqlite的CRUD实例分析
2015/05/08 Python
Python实现多线程抓取妹子图
2015/08/08 Python
用python实现k近邻算法的示例代码
2018/09/06 Python
Python设计模式之代理模式实例详解
2019/01/19 Python
基于Django统计博客文章阅读量
2019/10/29 Python
django正续或者倒序查库实例
2020/05/19 Python
python使用selenium爬虫知乎的方法示例
2020/10/28 Python
pandas统计重复值次数的方法实现
2021/02/20 Python
CSS3中几个新增加的盒模型属性使用教程
2016/03/01 HTML / CSS
HTML5本地存储localStorage、sessionStorage基本用法、遍历操作、异常处理等
2014/05/08 HTML / CSS
微信浏览器取消缓存的方法
2015/03/28 HTML / CSS
求职信写作要突出重点
2014/01/01 职场文书
考试作弊检讨
2015/01/27 职场文书
2015大学生党员自我评价范文
2015/03/03 职场文书
同步小康驻村工作简报
2015/07/20 职场文书
三年级作文之趣事作文
2019/11/04 职场文书
详解OpenCV曝光融合
2022/04/29 Python
Redis实现短信验证码登录的示例代码
2022/06/14 Redis