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;