TypeScript手册翻译系列1-基础类型
为什么80%的码农都做不了架构师?>>>
基础类型(Basic Types)
我们提供一些基础类型,比如数字(numbers)、字符串(strings)、结构(structures),布尔值(Boolean)等等。在TypeScript中,我们支持JavaScript中相同的类型,还提供枚举类型。
Boolean
最基础的数据类型是true/false值,JavaScript和TypeScript以及其他语言把它叫做'boolean'类型。
var isDone: boolean = false;
Number
跟JavaScript一样,在TypeScript中的所有数字都是浮点数。这些浮点数使用'number'类型。
var height: number = 6;
String
JavaScript用来构建web页面和服务端程序的另一个基础部分是处理文本数据(textual data)。与其他语言一样,我们使用'string'来指这些文本数据类型。如同在JavaScript中一样,TypeScript也使用双引号(")或单引号(')来包裹这些字符串数据。
var name: string = "bob";
name = 'smith';
Array
TypeScript与JavaScript一样,允许你使用数组。数组类型可以用2种方式书写。第一种方式,你可以在元素类型后面跟一个'[]'来表示该元素类型的数组:
var list:number[] = [1, 2, 3];
第二种方式是使用数组泛型,Array<elemType>:
var list:Array<number> = [1, 2, 3];
Enum
在JavaScript标准数据类型集合外,增加了"enum"类型。如同c#等语言一样,enum是表示一组数值更为友好的方式。
enum Color {Red, Green, Blue};
var c: Color = Color.Green;
枚举类型默认从0开始计数。但可以对其中一个成员设置值来改变这一行为。例如针对前面例子,修改为从1开始而不是从0开始计数。
enum Color {Red = 1, Green, Blue};
var c: Color = Color.Green;
或者,手动设置枚举中每一个值:
enum Color {Red = 1, Green = 2, Blue = 4};
var c: Color = Color.Green;
枚举类型一个便利的特性是可以根据数值找到值对应的名称。例如,要想知道数值"2"映射到Color枚举的哪一个,可以根据下面代码找到对应的名称:
enum Color {Red = 1, Green, Blue};
var colorName: string = Color[2];alert(colorName);
Any
当我们编程的时候,我们有时不得不去描述我们还不能确定的变量类型。这些值可能来自动态内容,比如来自用户自定义或者第三方库。在这些情况下,我们希望它们不参与类型检测,从而通过编译检测。为了做到这点,我们标记为'any'类型:
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;
Void
在某些情况下,‘any’类型的反面可能就是'void'类型,它表示非任何类型。可以把它看成一个无返回值函数的返回类型:
function warnUser(): void {alert("This is my warning message");
}
参考资料
[1] http://www.typescriptlang.org/Handbook#basic-types
转载于:https://my.oschina.net/1pei/blog/493181
TypeScript手册翻译系列1-基础类型相关推荐
- TypeScript手册翻译系列4-模块
为什么80%的码农都做不了架构师?>>> 模块 在TypeScript中利用模块(module)来组织代码.这里将讨论内部和外部模块,以及在何时使用哪种方式更合适,以及怎么使用 ...
- 学习TypeScrip1(基础类型)
视频教程小满TypeScript基础教程全集(完结)_哔哩哔哩_bilibili TS是JS的超集,所以JS基础的类型都包含在内 起步安装 npm install typescript -g 运行ts ...
- 【TypeScript系列教程06】基础类型
目录 TypeScript 基础类型 任意类型 (any) 变量的值会动态改变时 改写现有代码时 定义存储各种类型数据的数组时 数字类型 (number)
- TypeScript 基础类型 1
TypeScript 基础类型 自本节起,我们将开始接触 TypeScript 的类型系统,这也是 TypeScript 最为核心的部分. 本节介绍 TypeScript 中一些基础类型,有些特殊类型 ...
- 系统学习 TypeScript(三)——基础类型
前言 TypeScript 包含的基础类型总结起来有: 布尔值 数字 字符串 数组 元组 枚举 任意值 空值 Null 和 undefined Never Object 今天,我们就来详细了解一下各个 ...
- TypeScript完全解读(26课时)_2.TypeScript完全解读-基础类型
2.TypeScript完全解读-基础类型 src下新建example文件夹并新建文件.basic-type.ts.截图中单词拼错了.后需注意一下是basic-type.ts 可以装tslint的插件 ...
- TypeScript真香系列-高级类型
前言 TypeScript真香系列的内容将参考中文文档,但是文中的例子基本不会和文档中的例子重复,对于一些地方也会深入研究.另外,文中一些例子的结果都是在代码没有错误后编译为JavaScript得到的 ...
- typescript 基础类型定义
1.typescript 类型定义 代码如下(示例): //基础类型/*** 1. 布尔 boolean* 2. 数字 number* 3. 字符串 string* 4. 数组 array* 5. 元 ...
- TypeScript篇.01-简介,类,接口,基础类型的简单介绍
1.简介 (1)安装及编译 安装: npm install -g typescript 创建 .ts 后缀名的文件 编译: tsc 文件名.ts 编译后会生成同名 .js 的文件 查看: 在html文 ...
- Typescript基础类型以及与Javascript对比
TypeScript数据类型以及与JavaScript对比 文章目录 TypeScript数据类型以及与JavaScript对比 介绍 一.数据类型与基础数据类型 1.数据类型 2.基础数据类型 3. ...
最新文章
- Javascript获取数组中最大和最小值
- 主业失利,跨界捞金,飞科的算盘能如意吗?
- 素数的判断,以及素数的遍历
- java写界面_java能不能直接做界面窗口
- 3.非关系型数据库(Nosql)之mongodb:升降序排序,排序分页,$all,$in,$nin,$or,$nor, $exists,游标,更新(update,$set,$unset,$inc)
- 西格尔零点猜想_我从埃里克·西格尔学到的东西
- python中什么叫类、什么叫对象_python中的类面向对象的基本概念!
- 《MonkeyRunner原理剖析》第九章-MonkeyImage实现原理 - 第七节 - 文件图片及子图处理类BufferedImageChimpImage...
- 腾讯产品经理能力模型!
- jquery.cookie.js 每天首次打开页面时弹出广告
- MFC自用小工具源码
- Web 窗体控件简介
- 大数据有哪些培训机构?
- 一切笔直都是骗人的 —— 2020 年产品沉思录卷首语摘录
- 【正点原子MP157连载】 第十章 U-boot使用-摘自【正点原子】【正点原子】STM32MP1嵌入式Linux驱动开发指南V1.7
- cleanmymac软件好用吗?有什么特色功能?
- shall的过去式和should怎么区分
- 易语言学习(基础入门)
- wps里表格中间的字怎么置顶_如何让wps保持窗口最前_怎么把wps窗口置顶
- php采集防盗链的图片