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 相关文章推荐
javascript函数以及基础写法100多条实用整理
Jan 13 Javascript
js confirm()方法的使用方法实例
Jul 13 Javascript
鼠标左键单击冲突的问题解决方法(防止冒泡)
May 14 Javascript
探讨JavaScript中的Rest参数和参数默认值
Jul 29 Javascript
解决jQuery uploadify在非IE核心浏览器下无法上传
Aug 05 Javascript
JS实现点击复选框将按钮或文本框变为灰色不可用的方法
Aug 11 Javascript
JavaScript必知必会(十) call apply bind的用法说明
Jun 08 Javascript
JS控制层作圆周运动的方法
Jun 20 Javascript
基于Vue 2.0的模块化前端 UI 组件库小结
Dec 21 Javascript
vue中的数据绑定原理的实现
Jul 02 Javascript
vue-router判断页面未登录自动跳转到登录页的方法示例
Nov 04 Javascript
深入koa-bodyparser原理解析
Jan 16 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中几个常用的魔术常量
2012/02/23 PHP
析构函数与php的垃圾回收机制详解
2013/10/28 PHP
php根据操作系统转换文件名大小写的方法
2014/02/24 PHP
ThinkPHP公共配置文件与各自项目中配置文件组合的方法
2014/11/24 PHP
PHP简单处理表单输入的特殊字符的方法
2016/02/03 PHP
php实现水印文字和缩略图的方法示例
2016/12/29 PHP
PHP PDOStatement::debugDumpParams讲解
2019/01/30 PHP
php使用mysqli和pdo扩展,测试对比mysql数据库的执行效率完整示例
2019/05/09 PHP
让回调函数 showResponse 也带上参数的代码
2007/08/13 Javascript
cument.execCommand()用法深入理解
2012/12/04 Javascript
jquery实现用户打分评分特效
2015/05/28 Javascript
遮罩层点击按钮弹出并且具有拖动和关闭效果(两种方法)
2015/08/20 Javascript
jQuery实现图片走马灯效果的原理分析
2016/01/16 Javascript
JS实现的图片预览插件与用法示例【不上传图片】
2016/11/25 Javascript
详谈jQuery Ajax(load,post,get,ajax)的用法
2017/03/02 Javascript
详解封装基础的angular4的request请求方法
2018/06/05 Javascript
vue内置组件transition简单原理图文详解(小结)
2018/07/12 Javascript
介绍Python中的fabs()方法的使用
2015/05/14 Python
Python中常见的异常总结
2018/02/20 Python
替换python字典中的key值方法
2018/07/06 Python
Pandas的read_csv函数参数分析详解
2019/07/02 Python
利用pandas将非数值数据转换成数值的方式
2019/12/18 Python
在tensorflow中设置使用某一块GPU、多GPU、CPU的操作
2020/02/07 Python
Python之字符串的遍历的4种方式
2020/12/08 Python
HTML5离线缓存在tomcat下部署可实现图片flash等离线浏览
2012/12/13 HTML / CSS
详解HTML5中的manifest缓存使用
2015/09/09 HTML / CSS
捷克多品牌在线时尚商店:ANSWEAR.cz
2020/10/03 全球购物
什么时候需要进行强制类型转换
2016/09/03 面试题
通信工程专业个人找工作求职信范文
2013/09/21 职场文书
毕业生机械建模求职信
2013/10/14 职场文书
应用化学专业职业生涯规划书
2013/12/31 职场文书
相亲大会策划方案
2014/06/05 职场文书
2014教师个人自我评价范文
2014/09/13 职场文书
承诺函范文
2015/01/21 职场文书
安全守法证明
2015/06/23 职场文书
Python数据分析之绘图和可视化详解
2021/06/02 Python