从官方文档入手,了解TypeScript与JavaScript在语法、数据类型等方面的异同,并学习如何编写TypeScript的变量、函数和类。
尝试用typescript定义常用的数据类型
举例
let name:string = 'cabbage'
let age:number = 18
let male:boolean = true
// 这里给数组类型定义了元素的类型
let hobby1:Array<string> = ['sing song','paly backetball','play game']
// 数组还可以这样定义
let hobby2:string[] = ['sing song','paly backetball','play game']
// 如果一个数组里有多种类型的元素怎么定义
let hobby3:[string,number,boolean] = ['1',1,true]
万能定义类型 Any
顾名思义,任何时间,任何地点,任何地点,万物皆可any
举例
let hobby1:Array<any> = ['sing song','paly backetball','play game']
let hobby2:any[] = ['sing song',true,123]
let hobby3:[any,any,any] = ['sing song',321,true]
虽然好用但是得慎用,不然就失去了typescript原本的作用!
复习一遍
typescript是在编码阶段添加类型约束,减少潜在bug,增加阅读性,提高开发效率用的。
在不熟悉之前觉得学习麻烦,但是学完后还是真香的。
接着往下看
void 、 null 、 undefined
null和undefined就不说了,和原来的基本类型是一样的
void是和any相反的一个类型
没有返回值的时候他的类型就是void
null可以在function中的参数中使用
void一般和function配合使用
举例
function study(params:Object | null):void{
console.log(`我正在学${params.name}`)
}
stydy({name:'游泳'})
最后一个类型Object
对象类型,上一个例子已经用过了,大概就是这么用的
举例
const student:Object = {
Sname : 'cabbage',
Sag : 18,
Ssex : 'male',
hobby : ['sing song','paly backetball','play game']
}
第一章大概就是先熟悉typeScript有哪些类型,熟悉了和JavaScript的使用区别