《TypeScript 中文入门教程》 1、基础数据类型

转载:https://github.com/MyErpSoft/TypeScript-Handbook/blob/master/pages/zh-CHS/Basic%20Types.md

概述

为了让程序更易用,我们兼容几种最基本的数据类型:numbers(数字),strings(字符串),structures(结构),boolean(布尔值)等等。在 TypeScript 中,我们支持和 Javascript 几乎一样多的类型,并且新增了实用的枚举类型。

Boolean 布尔值

最基础的数据类型就是简单的 true(真)/false(假) ,在 Javascript 和 TypeScript (以及其他语言)中被称作是 "boolean(布尔值)"。

var isDone: boolean = false;

Number 数字

和 Javascript 一样,在 TypeScript 中所有的number都是浮点值。 TypeScript 除了支持ECMAScript 2015中的十六进制和十进制外,还支持二进制和二进制类型。

var decLiteral: number = 6;
var hexLiteral: number = 0x9837abdef;
var binaryLiteral: number = 0b0010;
var octalLiteral: number = 0o74563;

String 字符串

在使用JavaScript创建网页或应用程序时,要用到很基础的功能是处理字符串,和其他语言一样,我们使用 "string" 类型来表示那些文本数据。和 JavaScript 一样,TypeScript 也使用双引号或单引号来围绕字符串数据。

var name: string = "bob";
name = ‘smith‘;

你也可以使用 模板字符串,他能支持多行文本和内嵌表达式。这些字符串使用单引号(`)包围,并且嵌入的表达式使用${ expr }这样的形式表示。

var name: string = `Gene`;
var age: number = 37;
var sentence: string = `Hello, my name is ${ name }.

I‘ll be ${ age + 1 } years old next month.`

上面的表达式相当于下面的声明方式:

var sentence: string = "Hello, my name is " + name + ".\n\n" +
    "I‘ll be " + (age + 1) + " years old next month."

Array 数组

TypeScript 和 Javascript 一样,允许你使用数组。数组类型的定义可以有两种写法。第一种写法,你在数组元素类型后面添加‘[]’来表示这是一个该类型的数组:

var list: number[] = [1, 2, 3];

第二种写法使用一种通用的数组类型表示,Array<数组元素类型>:

var list: Array<number> = [1, 2, 3];

Tuple 元组

元组类型允许表达固定数量的已知类型集合,但这些类型不必是相同的。例如,您可能想表示一个‘stringnumber`组合的类型:

// 声明一个元组类型
var x: [string, number];
// 初始化他
x = [‘hello‘, 10]; // 准确
// 错误的初始化
x = [10, ‘hello‘]; // 错误

我们可以使用数字检索一个已知的元素,但需要注意类型正确。

console.log(x[0].substr(1)); // 正确
console.log(x[1].substr(1)); // 错误,‘number‘ 类型没有 ‘substr‘ 方法

当访问的索引超过边界时,将使用联合类型处理:

x[3] = ‘world‘; // 正确,string允许被分配到 (string | number)
console.log(x[5].toString()); // 正确,‘string‘ 和 ‘number‘ 都有 toString 方法
x[6] = true; // 错误,布尔值不是 (string | number) 中的一种

联合类型是更高级的议题,我们会在后续的章节中介绍。

Enum 枚举

TypeScript拓展了JavaScript原生的标准数据类型集,增加了枚举类型(enum)。枚举是一种很有用的数据类型,就像C#等语言中一样,它提供了一种给数字类型的值,设置易于辨别的名字的方法。

enum Color {Red, Green, Blue};
var c: Color = Color.Green;

在默认情况下,枚举类型会从数字0开始标记它的元素。我们可以通过人为地设置元素的数值来改变默认值。例如,上面的例子我们可以设置成从1开始计数:

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,但我们不确定这个数值对应枚举类型中的哪个元素,那我们可以直接查找这个数值对应的名称:

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代码的一种强大的方式,我们可以用它来逐渐增加或减少在编译过程中的类型检查。 就像其他编程语言那样,你可能期望使用Object来实现这个功能,但是注意在JavaScript中,Object类型仅仅允许分配任意值给他,但不能调用他的存在或可能的任何方法:

var notSure: any = 4;
notSure.ifItExists(); // 没问题,在运行时有可能有 ifItExists 这个方法
notSure.toFixed(); // 没问题,toFixed 是真实存在的方法 (但是编译器不会验证准确性)
var prettySure: Object = 4;
prettySure.toFixed(); // 错误,不行就是不行了,使用any吧

当我们知道一个类型的部分数据类型,却又不确定所有的数据类型时,使用‘any‘可以为我们提供不少方便。比如你有一个数组,但是这个数组中的元素属于不同的数据类型,那你可以这么做:

var list: any[] = [1, true, "free"];

list[1] = 100;

Void

void就像any的相反面:void就是没有,any就是所有。没有返回值的函数就可以认为是‘void‘类型:

function warnUser(): void {
    alert("This is my warning message");
}

不建议声明一个变量是 void类型,因为这个变量就只能赋值undefined 或 null

var unusable: void = undefined;

感谢翻译

原文地址:https://www.cnblogs.com/zhipeng007/p/8979035.html

时间: 2024-10-29 09:09:09

《TypeScript 中文入门教程》 1、基础数据类型的相关文章

转载:TypeScript 简介与《TypeScript 中文入门教程》

简介 TypeScript是一种由微软开发的自由和开源的编程语言.它是JavaScript的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程.安德斯·海尔斯伯格,C#的首席架构师,已工作于TypeScript的开发. TypeScript扩展了 JavaScript 的句法,所以任何现有的JavaScript程序可以不加改变的在TypeScript下工作.TypeScript是为大型应用之开发而设计,而编译时它产生 JavaScript 以确保兼容性. TypeScrip

转载:《TypeScript 中文入门教程》 9、泛型

版权 文章转载自:https://github.com/zhongsp 建议您直接跳转到上面的网址查看最新版本. 介绍 软件工程中,我们不仅要创建一致的定义良好的API,同时也要考虑可重用性. 组件不仅能够支持当前的数据类型,同时也能支持未来的数据类型,这在创建大型系统时为你提供了十分灵活的功能. 在像C#和Java这样的语言中,可以使用泛型来创建可重用的组件,一个组件可以支持多种类型的数据. 这样用户就可以以自己的数据类型来使用组件. 泛型之Hello World 下面来创建第一个使用泛型的例

转载:《TypeScript 中文入门教程》 11、声明合并

版权 文章转载自:https://github.com/zhongsp 建议您直接跳转到上面的网址查看最新版本. 介绍 TypeScript有一些独特的概念,有的是因为我们需要描述JavaScript顶级对象的类型发生了哪些变化. 这其中之一叫做声明合并. 理解了这个概念,对于你使用TypeScript去操作现有的JavaScript来说是大有帮助的. 同时,也会有助于理解更多高级抽象的概念. 首先,在了解如何进行声明合并之前,让我们先看一下什么叫做声明合并. 在这个手册里,声明合并是指编译器会

转载:《TypeScript 中文入门教程》 2、枚举

版权 文章转载自:https://github.com/zhongsp 建议您直接跳转到上面的网址查看最新版本. 由于第一章节是我翻译的,而且与他的版本不一致,导致第一章节有枚举这部分,而他的第二章节也有这部分,但内容不同,所以我保留了这部分. 枚举 使用枚举我们可以定义一些有名字的数字常量. 枚举通过使用enum关键字定义. enum Direction { Up = 1, Down, Left, Right } 一个枚举类型可以包含零个或多个枚举成员. 枚举成员具有一个数字值,它们可以是常数

转载:《TypeScript 中文入门教程》 17、注解

版权 文章转载自:https://github.com/zhongsp 建议您直接跳转到上面的网址查看最新版本. 介绍 随着TypeScript和ES6里引入了类,现在在一些场景下我们会需要额外的特性来支持注解或修改类和类成员. Decorators提供了一种方式来添加注解和在类的声明和成员上使用元编程语法. Javascript里的Decorators目前处在建议征集的第一阶段,在TypeScript里做为实验性特性已经提供了支持. 注意  Decorators是实验性的特性,在未来的版本中可

转载:《TypeScript 中文入门教程》 4、类

版权 文章转载自:https://github.com/zhongsp 建议您直接跳转到上面的网址查看最新版本. 介绍 传统的JavaScript程序使用函数和基于原型的继承来创建可重用的组件,但这对于熟悉使用面向对象方式的程序员来说有些棘手,因为他们用的是基于类的继承并且对象是从类构建出来的. 从ECMAScript 2015,也就是ECMAScript 6,JavaScript程序将可以使用这种基于类的面向对象方法. 在TypeScript里,我们允许开发者现在就使用这些特性,并且编译后的J

转载:《TypeScript 中文入门教程》 10、混入

版权 文章转载自:https://github.com/zhongsp 建议您直接跳转到上面的网址查看最新版本. 介绍 除了传统的面向对象继承方式,还流行一种通过可重用组件创建类的方式,就是联合另一个简单类的代码. 你可能在Scala等语言里对mixins及其特性已经很熟悉了,但它在JavaScript中也是很流行的. 混入示例 下面的代码演示了如何在TypeScript里使用混入. 后面我们还会解释这段代码是怎么工作的. // Disposable Mixin class Disposable

转载:《TypeScript 中文入门教程》 15、可迭代性

版权 文章转载自:https://github.com/zhongsp 建议您直接跳转到上面的网址查看最新版本. 可迭代性 当一个对象实现了Symbol.iterator属性时,我们认为它是可迭代的. 一些内置的类型如Array,Map,Set,String,Int32Array,Uint32Array等都已经实现了各自的Symbol.iterator. 对象上的Symbol.iterator函数负责返回供迭代的值. for..of 语句 for..of会遍历可迭代的对象,调用对象上的Symbo

转载:《TypeScript 中文入门教程》 16、Symbols

版权 文章转载自:https://github.com/zhongsp 建议您直接跳转到上面的网址查看最新版本. 介绍 至ECMAScript 2015开始,symbol成为了一种新的原始类型,就像number和string一样. symbol类型的值是通过Symbol构造函数创建的. var sym1 = Symbol(); var sym2 = Symbol("key"); // 可选的字符串key Symbols是不可改变的且唯一. var sym2 = Symbol("