学 TypeScript 那点事一

1.什么是TypeScript?

TypeScript是JavaScript的超集，还提供了类型的定义、接口、泛型等。对于使用TypeScript编写的程序，浏览器是不能直接运行的，需要先编译为 .js 的文件后才能运行。

2.TypeScript的优势

在JavaScript中定义的变量是没有类型约束的，他的类型取决于最后赋的值的类型，该种方式很方便，但是却有很大的弊端，为了解决这种问题，在 TypeScript 中提供了类型的约束。 除了上述的情况外，还提供了丰富的类，它更加的面向对象。

3.安装node.js

一路绿灯..

4.安装TypeTcript

一管理员身份打开cmd执行以下命令

npm config set prefix "D:\Repository\nodeRepository\node_global"

npm config set cache "D:\Repository\nodeRepository\node_cache"

npm i -g typescript

5.编写第一个文件

let count = 0;
console.log(count)

6.编译文件

这里要注意，编写的文件不能直接运行，首先需要编译为.js后才能运行。

打开Terminal,首先输入的事编译为js的命令

tsc 要编译的文件.ts

//例如：
 tsc ./Demo02.ts

 执行完之后就可以看到

之后就可以运行.js格式的文件了。

node ./Demo02.js
//node 要运行的文件名称.js

 7.基础类型

7.1Boolean

两个值 true和false。

let bool:boolean=true;
console.log(bool);

7.2number

Number类型就是数字类型，它包括整数、小数、二进制数、八进制数、十六进制数等。

let decLiteral: number = 6;
let hexLiteral: number = 0xf00d;
let binaryLiteral: number = 0b1010;
let octalLiteral: number = 0o744;
console.log(decLiteral, hexLiteral, binaryLiteral, octalLiteral);

7.3String

let names:string='张三';
let age:number=18;
const desc: string = `我叫${names},${age}岁`;
console.log(desc);

age=1;
desc='这是常量，不能够重新赋值';

这里注意，const修饰的 是常量不能够重新赋值，但是 花括号里的值是可以赋值的，文件中的内容改变后要重新编译为js文件。

7.4Array

TypeScript像JavaScript一样可以操作数组元素。 有两种方式可以定义数组。

第一种，可以在元素类型后面接上[]，表示由此类型元素组成的一个数组：

const list: number[] = [1,2,3,4,5,6]
console.log(list);

第二种方式是使用数组泛型，Array<元素类型>：

const strs: Array<string> = ['hello', 'world', 'hi']
console.log(strs);

7.5元组

什么元组？ 元组是固定长度，固定类型且每个元素的类型可以不同的数组。

const tuples: [string,string,number] = ['hello', 'world', 18]
console.log(tuples);

后续。。。。