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脚本代码跑起来。
Jan 09 Javascript
jQuery 顺便学习下CSS选择器 奇偶匹配nth-child(even)
May 24 Javascript
Javascript面向对象设计一 工厂模式
Dec 20 Javascript
javascript操作符&quot;!~&quot;详解
Feb 10 Javascript
使用AngularJS实现表单向导的方法
Jun 19 Javascript
jQuery ajax分页插件实例代码
Jan 27 Javascript
Angular.js中ng-if、ng-show和ng-hide的区别介绍
Jan 20 Javascript
Vue header组件开发详解
Jan 26 Javascript
微信小程序项目总结之点赞 删除列表 分享功能
Jun 25 Javascript
JavaScript求一个数组中重复出现次数最多的元素及其下标位置示例
Jul 23 Javascript
基于vue v-for 多层循环嵌套获取行数的方法
Sep 26 Javascript
微信小程序实现上传word、txt、Excel、PPT等文件功能
May 23 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电台频率大全 - 22 重庆市
2020/03/11 无线电
使用Apache的rewrite技术
2006/06/22 PHP
php扩展ZF――Validate扩展
2008/01/10 PHP
对PHP新手的一些建议(PHP学习经验总结)
2014/08/20 PHP
如何利用http协议发布博客园博文评论
2015/08/03 PHP
滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码
2009/12/28 Javascript
屏蔽相应键盘按钮操作
2014/03/10 Javascript
JavaScript中的console.trace()函数介绍
2014/12/29 Javascript
Js数组排序函数sort()介绍
2015/06/08 Javascript
AngularJS实现用户登录状态判断的方法(Model添加拦截过滤器,路由增加限制)
2016/12/12 Javascript
Vue.js 中取得后台原生HTML字符串 原样显示问题的解决方法
2018/06/10 Javascript
Vue中使用的EventBus有生命周期
2018/07/12 Javascript
JS Object.preventExtensions(),Object.seal()与Object.freeze()用法实例分析
2018/08/25 Javascript
教大家使用Python SqlAlchemy
2016/02/12 Python
python用pickle模块实现“增删改查”的简易功能
2017/06/07 Python
基于Python中numpy数组的合并实例讲解
2018/04/04 Python
python 实现批量xls文件转csv文件的方法
2018/10/23 Python
python判断一个数是否能被另一个整数整除的实例
2018/12/12 Python
Python3 关于pycharm自动导入包快捷设置的方法
2019/01/16 Python
python DataFrame 取差集实例
2019/01/30 Python
浅析Django中关于session的使用
2019/12/30 Python
Biblibili视频投稿接口分析并以Python实现自动投稿功能
2021/02/05 Python
阿姆斯特丹城市卡:Amsterdam Pass
2019/12/01 全球购物
大专生自我鉴定范文
2013/10/01 职场文书
党员创先争优活动总结
2014/05/04 职场文书
申论倡议书范文
2014/05/13 职场文书
幼儿园标语大全
2014/06/19 职场文书
2013年最新自荐信范文
2014/06/23 职场文书
2014年医德医风工作总结
2014/11/13 职场文书
催款通知书范文
2015/04/17 职场文书
2015年入党积极分子培养考察意见
2015/08/12 职场文书
php远程请求CURL案例(爬虫、保存登录状态)
2021/04/01 PHP
带你了解CSS基础知识,样式
2021/07/21 HTML / CSS
欧元符号 €
2022/02/17 杂记
Python 读取千万级数据自动写入 MySQL 数据库
2022/06/28 Python