TS学习随笔（一）->安装和基本数据类型

去年学过一段时间的TS，但因为在工做中不经常使用。就生疏了，最近项目要求用TS，那我就再回去搞搞TS，写一篇记录一下本身学习TS的进度以及TS知识点

　首先，关于TS的定义我就不在这描述了，想看百度一下你就知道，咱们直接来看怎么用就完事了

安装：

npm install -g typescript

　这个命令要是一直下载不下来，请使用yarn试试，或者将源指向淘宝，用cnpm都同样

以上命令会在全局环境下安装 tsc 命令，安装完成以后，咱们就能够在任何地方执行 tsc 命令了。

编译一个 TypeScript 文件：

tsc hello.ts

咱们约定使用 TypeScript 编写的文件以 .ts 为后缀，用 TypeScript 编写 React 时，以 .tsx 为后缀。

 

检查：

　　TypeScript 只会进行静态检查，若是发现有错误，编译的时候就会报错。但即便报错，相应的JS文件仍是被编译出来

　　若是要在报错的时候终止 js 文件的生成，能够在 tsconfig.json 中配置 noEmitOnError 便可

 

TS基础：

　　原始数据类型，跟JS如出一辙，没啥变化，只不过使用的用法变了

　　  来，给看官们展现展现

　　布尔值：

　　  let isDone:boolean = false

　　　　能够看到咱们在变量名后面加了一个：boolean来标识idDone这个变量类型是布尔类型，

　　　　注意：

　　　　　　使用new Boolean() 返回的是一个 Boolean 对象，而不是boolean类型

　　　　　　可是直接调用 Boolean 能够返回一个 boolean 类型

 

　　数值：

　　　　使用number里定义数值类型

let decLiteral: number = 6; let hexLiteral: number = 0xf00d; // ES6 中的二进制表示法
let binaryLiteral: number = 0b1010; // ES6 中的八进制表示法
let octalLiteral: number = 0o744; let notANumber: number = NaN; let infinityNumber: number = Infinity;

　　　　　编译结果：

var decLiteral = 6; var hexLiteral = 0xf00d; // ES6 中的二进制表示法
var binaryLiteral = 10; // ES6 中的八进制表示法
var octalLiteral = 484; var notANumber = NaN; var infinityNumber = Infinity;

　　　　　　注意：TS里面写六进制，八进制会被编译成十进制

 

　　字符串：

　　　　使用 string 定义字符串类型：

let myName: string = 'Tom';

　　

　　空值：

　　　　js里面没有空值void的概念，在ts里能够用 void 表示没有任何返回值的函数：

function alertName(): void { alert('My name is Tom'); }

　　

　　Null 和 Undefined

　　　　在 TypeScript 中，可使用 null 和 undefined 来定义这两个原始数据类型：

let u: undefined = undefined; let n: null = null;

　　　　注意：undefined 类型的变量只能被赋值为 undefined，null 类型的变量只能被赋值为 null。

　　　　与 void 的区别是，undefined 和 null 是全部类型的子类型。也就是说 undefined 类型的变量，能够赋值给 number 类型的变量：

// 这样不会报错 let num: number = undefined;

// 这样也不会报错
let u: undefined; let num: number = u;

　　　　而 void 类型的变量不能赋值给 number 类型的变量：

let u: void; let num: number = u; // index.ts(2,5): error TS2322: Type 'void' is not assignable to type 'number'.

 

　　Any：

　　　　any容许赋值为任意类型，若是是一个普通类型，在赋值过程当中改变类型是不被容许的：

let myFavoriteNumber: string = 'seven'; myFavoriteNumber = 7; // index.ts(2,1): error TS2322: Type 'number' is not assignable to type 'string'.

　　　　但若是是 any 类型，则容许被赋值为任意类型。　　

let myFavoriteNumber: any = 'seven'; myFavoriteNumber = 7;

　　　　在任意值上访问任何属性都是容许的：

let anyThing: any = 'hello'; console.log(anyThing.myName); console.log(anyThing.myName.firstName);

let anyThing: any = 'Tom'; anyThing.setName('Jerry'); anyThing.setName('Jerry').sayHello(); anyThing.myName.setFirstName('Cat');

　　　　能够认为，声明一个变量为任意值以后，对它的任何操做，返回的内容的类型都是任意值。

　　　　变量若是在声明的时候，未指定其类型，那么它会被识别为任意值类型：

let something; something = 'seven'; something = 7;

　　　　等同于：

let something: any; something = 'seven'; something = 7;

 原文参考自：https://github.com/xcatliu/typescript-tutorial/blob/master/basics/union-types.md