typeScript基础篇学习【一】-优快云博客

本文链接：https://blog.youkuaiyun.com/cabbageboiling/article/details/130487240

本文介绍了从官方文档学习TypeScript与JavaScript的异同，包括如何声明和使用各种数据类型如string、number、boolean、Array及any。强调了any类型的便利与潜在风险，并提及void、null、undefined以及Object在TypeScript中的应用。文章旨在帮助读者熟悉TypeScript的基础类型和用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

从官方文档入手，了解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的使用区别