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);
后续。。。。