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选择器之基本选择器、层次选择器
Feb 07 Javascript
js弹窗返回值详解(window.open方式)
Jan 11 Javascript
JavaScript表单通过正则表达式验证电话号码
Mar 14 Javascript
jQuery修改li下的样式以及li下的img的src的值的方法
Nov 02 Javascript
Javascript动画的实现原理浅析
Mar 02 Javascript
基于RequireJS和JQuery的模块化编程日常问题解析
Apr 14 Javascript
JavaScript每天必学之事件
Sep 18 Javascript
javascript函数中的3个高级技巧
Sep 22 Javascript
Bootstrap导航条鼠标悬停下拉菜单
Jan 04 Javascript
JS动态添加元素及绑定事件造成程序重复执行解决
Dec 07 Javascript
对node.js中render和send的用法详解
May 14 Javascript
解决vue组件props传值对象获取不到的问题
Jun 06 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 URL地址获取函数代码(端口等) 推荐
2010/05/15 PHP
在PHP上显示JFreechart画的统计图方法
2013/11/03 PHP
PHP代码优化之成员变量获取速度对比
2014/02/28 PHP
PHP5.5迭代生成器用法实例详解
2016/03/16 PHP
PHP抽象类与接口的区别实例详解
2019/05/09 PHP
如何使用jQuery来处理图片坏链具体实现步骤
2013/05/02 Javascript
用js来获取上传的文件名纯粹是为了美化而用
2013/10/23 Javascript
jquery实现鼠标拖动图片效果示例代码
2014/01/09 Javascript
推荐9款炫酷的基于jquery的页面特效
2014/12/07 Javascript
浅谈DOCTYPE对$(window).height()取值的影响
2016/07/21 Javascript
jQuery EasyUI 获取tabs的实例解析
2016/12/06 Javascript
js实现简易垂直滚动条
2017/02/22 Javascript
angularjs实现搜索的关键字在正文中高亮出来
2017/06/13 Javascript
vue中promise的使用及异步请求数据的方法
2018/11/08 Javascript
node.js的Express服务器基本使用教程
2019/01/09 Javascript
详解javascript函数写法大全
2019/03/25 Javascript
vue-cli创建的项目中的gitHooks原理解析
2020/02/14 Javascript
python基础教程之Hello World!
2014/08/29 Python
Python实现PS滤镜的旋转模糊功能示例
2018/01/20 Python
浅谈tensorflow中几个随机函数的用法
2018/07/27 Python
Python3内置模块random随机方法小结
2019/07/13 Python
python内置函数sorted()用法深入分析
2019/10/08 Python
如何基于Python获取图片的物理尺寸
2019/11/25 Python
解决使用python print打印函数返回值多一个None的问题
2020/04/09 Python
浅析python 动态库m.so.1.0错误问题
2020/05/09 Python
小米乌克兰网上商店:Xiaomi.UA
2019/10/29 全球购物
仓库理货员岗位职责
2013/12/18 职场文书
户外用品商店创业计划书
2014/01/29 职场文书
感恩老师的演讲稿
2014/05/06 职场文书
市场营销工作计划书
2014/05/06 职场文书
环保建议书400字
2014/05/14 职场文书
忠诚奉献演讲稿
2014/09/12 职场文书
个人房屋买卖协议书(范本)
2014/10/04 职场文书
2015年建党94周年演讲稿
2015/03/19 职场文书
行政复议答复书
2015/07/01 职场文书
创业计划书之电动车企业
2019/10/11 职场文书