本篇将简单介绍TypeScript的几种基本类型。

TypeScript基本类型有如下几种:

    • Boolean
    • Number
    • String
    • Array
    • Tuple
    • Enum
    • Any

另外还有void类型,主要用于标识方法返回值的类型。

下面通过一些简单的例子来展示这些类型的基本用法

 // Boolean
let isDone: boolean = false;
isDone = true; // Number
let num: number = 1; // 整数
num = 2.5; // 小数
num = 0xf00d; // 十六进制
num = 0b0101; // 二进制
num = 0o123; // 八进制 // String
let str: string = 'Hello world';
let content: string = `${str} too`; // 使用表达式拼接字符串时,需要使用(`)符号将拼接内容包括起来 // Array
let numbers1: number[] = [1, 2];
let numbers2: Array<number> = [1, 2, 3]; // 另外一种定义数组类型的方式,与nunber[]等价 // Tuple(元组类型)
let t: [string, number] = ['No.', 1];
t = ['This is No.', 2]; // 值类型与定义的一致,编译通过。
//t = [2, 'This is No.']; // 值类型与定义的不一致,编译失败,提示错误。 // Enum(枚举)
enum Operator1 { Add, Update, Delete, Select };
let opt1: Operator1 = Operator1.Add; // opt1的值为0。取枚举项的默认值。 enum Operator2 { Add = 1, Update, Delete, Select };
let opt2: Operator2 = Operator2.Update; // opt2的值为2。当某一项设置了值后,后续项的值都顺次加1。
let opt2Name: string = Operator2[2]; // opt2Name的值为Update。通过值索引可以得到枚举项的名称。

以上类型的声明都是强类型声明,也就是说对已经指定了明确类型的变量赋值另外类型的值时,某些IDE(VS 2015、VS Code和WebStorm)会在对应行显示错误标识。同时在编译时会提示编译错误,类似效果如下:

另外,Any类型是一个特殊的类型。它表示当前对象的类型由具体的值的类型来确定,它可以适用于任何强类型。

 // Any
let obj: any = 'This is a string.';
obj = 1;
obj = [1, 2];
obj = false;
obj = {};
obj = function () { return false; };

Any类型的值可以通过强制类型转换将值转换成目标类型

 // 强制类型转换
let obj1: any = 'This is a string.';
let len: number = (<string>obj1).length;
len = (obj1 as string).length;

将以上代码进行编译后将转换成ES5标准的JavaScript源码,如下

 // Boolean
var isDone = false;
isDone = true;
// Number
var num = 1; // 整数
num = 2.5; // 小数
num = 0xf00d; // 十六进制
num = 5; // 二进制
num = 83; // 八进制
// String
var str = 'Hello world';
var content = str + " too"; // 使用表达式拼接字符串时,需要使用(`)符号将拼接内容包括起来
// Array
var numbers1 = [1, 2];
var numbers2 = [1, 2, 3]; // 另外一种定义数组类型的方式,与nunber[]等价
// Tuple(元组类型)
var t = ['No.', 1];
t = ['This is No.', 2]; // 值类型与定义的一致,编译通过。
//t = [2, 'This is No.']; // 值类型与定义的不一致,编译失败,提示错误。
// Enum(枚举)
var Operator1;
(function (Operator1) {
Operator1[Operator1["Add"] = 0] = "Add";
Operator1[Operator1["Update"] = 1] = "Update";
Operator1[Operator1["Delete"] = 2] = "Delete";
Operator1[Operator1["Select"] = 3] = "Select";
})(Operator1 || (Operator1 = {}));
;
var opt1 = Operator1.Add; // opt1的值为0。取枚举项的默认值。
var Operator2;
(function (Operator2) {
Operator2[Operator2["Add"] = 1] = "Add";
Operator2[Operator2["Update"] = 2] = "Update";
Operator2[Operator2["Delete"] = 3] = "Delete";
Operator2[Operator2["Select"] = 4] = "Select";
})(Operator2 || (Operator2 = {}));
;
var opt2 = Operator2.Update; // opt2的值为2。当某一项设置了值后,后续项的值都顺次加1。
var opt2Name = Operator2[2]; // opt2Name的值为Update。通过值索引可以得到枚举项的名称。
// Any
var obj = 'This is a string.';
obj = 1;
obj = [1, 2];
obj = false;
obj = {};
obj = function () { return false; };
// 强制类型转换
var obj1 = 'This is a string.';
var len = obj1.length;
len = obj1.length;

其他相关内容

在新的ECMAScript 2015标准里,为了解决变量提升,简化块级作用域的实现方式,对变量的声明增加了两个关键词:let和const。

    • const:常量。一旦声明赋值后,将不能对此变量进行再次赋值。
    • let:块级作用域变量。变量的生命周期只在被{}括号包裹的代码范围内有效,且不能重复声明。

在新的标准下编写JavaScript代码时,要遵循“多let少var”的规范。

TypeScript学习笔记(二) - 基本类型的更多相关文章

  1. Typescript 学习笔记二:数据类型

    中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...

  2. C#学习笔记二: C#类型详解

    前言 这次分享的主要内容有五个, 分别是值类型和引用类型, 装箱与拆箱,常量与变量,运算符重载,static字段和static构造函数. 后期的分享会针对于C#2.0 3.0 4.0 等新特性进行. ...

  3. TypeScript学习笔记之基础类型

    从今天开始学习typescript了,记录ts学习点滴,最后,使用ts结合nodejs开发后端应用,一起共勉吧: typescript最新版本2.6,所有演示代码均基于此版本 开始之前确定安装了如下n ...

  4. TypeScript学习笔记之接口类型

    TypeScript的接口,个人理解就是一种约束,包括各种类型的契约或者代码定义上的契约.当然,和java中的用法基本一致,接口可以被继承也可以被实现. 定义一个简单的interface interf ...

  5. Typescript 学习笔记七:泛型

    中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...

  6. Typescript 学习笔记六:接口

    中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...

  7. Typescript 学习笔记五:类

    中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...

  8. Typescript 学习笔记三:函数

    中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...

  9. Typescript 学习笔记一:介绍、安装、编译

    前言 整理了一下 Typescript 的学习笔记,方便后期遗忘某个知识点的时候,快速回忆. 为了避免凌乱,用 gitbook 结合 marketdown 整理的. github地址是:ts-gitb ...

  10. Typescript 学习笔记四:回忆ES5 中的类

    中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...

随机推荐

  1. (转)关于EntityFramework中连接字符串的说明

    1. 基本格式 <connectionStrings> <add name="MyEntities" connectionString="metadat ...

  2. BNUOJ 26474 Bread Sorting

    /*给出n个原始顺序的数,再给出要排成目标状态顺序,每次从第一个数列中选择三个,把这三个数中最右边的数放在最左边,然后其他两个数右 移一个单位,为你从原始状态能不能排序成目标状态. 本人YY的结论,从 ...

  3. P1136 迎接仪式

    P1136 迎接仪式 $O(n^{2}k)$:$f[i][k]$表示到第$i$个字符为止,交换$k$次,得到的最多子串数 那么枚举位置$j$,状态可以从$f[j][k-1]+1$转移过来 $O(nk^ ...

  4. 20145303 刘俊谦《网络对抗》shellcode注入&Return-to-libc攻击深入

    20145303 刘俊谦<网络对抗>shellcode注入&Return-to-libc攻击深入 Shellcode注入 shellcode实际是一段代码,但却作为数据发送给受攻击 ...

  5. 谷歌开发者工具(F12)的使用小坑

    python模拟登陆知乎,用开发者工具跟踪浏览器与服务器的交互,需要知道用户名,密码的字段名,可在文件email中看到:需要注意的是一定要 勾选 preserve log ,否则登陆之前的交互不会显示 ...

  6. 上海仪电Azure Stack技术深入浅出系列1:谈Azure Stack在私有云/混合云生态中的定位

    2.2 Azure Stack Azure Stack到2017年7月才提供GA版本,但目前还是可以通过技术预览版了解该技术.Azure Stack本质上是核心Azure服务的一个私有实例. Micr ...

  7. postgresql中终止正在执行的SQL语句

    在Linux系统中可以使用kill [pid]的方式强制删除进程,但对于修改数据表的语句来说,这样可能导致postgresql进入recovery mode,这样会导致锁表. Postgresql的运 ...

  8. Java Spring-AspectJ

    2017-11-10 21:25:02 Spring的AspectJ的AOPAspectJ 是一个面向切面的框架,它扩展了 Java 语言. AspectJ 定义了 AOP 语法所以它有一个专门的编译 ...

  9. VS2010快捷键大全----养成良好的习惯

    VS2010版快捷键Ctrl+E,D ----格式化全部代码 Ctrl+E,F ----格式化选中的代码 CTRL + SHIFT + B生成解决方案 CTRL + F7 生成编译 CTRL + O ...

  10. HDU 4522 (恶心建图)

    湫湫系列故事——过年回家 Time Limit: 500/200 MS (Java/Others)    Memory Limit: 65535/32768 K (Java/Others)Total ...