一,typescript介绍: 1,安装typescript:
windows: npm i typescripts -g
mac: sudo npm i typescripts -g
2,查看所有命令行:
tsc -h
二,错误检查+ts编译: 1,将ts编译为js:
tsc indes.ts
注:如果ts里写的是原生js,不用编译即可在浏览器中运行,如果ts中有ts语法,则必须编译后才能执行。ts还可在编写阶段检查语法错误。 2,js是动态类型,ts是静态类型: js可以为变量重新赋值,而ts不行,会报错(类型一旦赋予,则不可更改) 三,ts中的类型和新增的语法特性: (1)js数据类型: 原始数据类型:boolean string number null undefined symbol 引用数据类型:object function (2)ts数据类型: 基础类型:boolean string number null undefined symbol any never 对象 interface 数组 number[ ] string[ ] boolean[ ] 泛型:Array 函数:eg:
let add = function ( a : number, b : number ) : number {
return a+b
}
add(1,2)
(3)新的语法特性: as 断言 class : OOP面向对象的三大特性:封装、继承、多态 四,布尔值、数值、字符串的注解: 1,布尔值的注解:
let isDone:boolean = false
2,数值的注解:
let num:number = 123
注:配置ts自动编译为js: (1)tsc – init : 生成tsconfig.json文件 (2)在tsconfig.json中: ‘rootDir’: ‘./src’ ‘outDir’: ‘./dist’ (3)终端中运行tsc命令 将src中的ts编译为dist中的ts 3,字符串的注解:
let str:string = 'hhhh'
五,any和对象的注解: 1,any:代表任意数据类型。可重新赋值,且不具备语法提示。如果变量没有定义类型和赋值,初始类型为any
let notSure: any = 4;
notSure = "maybe a string instead";
notSure = false;
|