TS入门看这一篇就够了（01）

郝SirTwo

于 2023-09-14 04:16:17 发布

阅读量96

点赞数 1

分类专栏： TS 文章标签： typescript javascript

本文链接：https://blog.youkuaiyun.com/m0_72951290/article/details/132868064

版权

TS 专栏收录该内容

1 篇文章

订阅专栏

博客强调知识虽可不用但不能不学，介绍了TypeScript的相关知识。包括安装TS的方法，若Windows系统命令报错需进入管理员模式重装；还讲解了TS中变量、数组、对象和函数的定义，指出TS比JavaScript类型更严格。

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

小厂码农，平时项目又不大又用不上ts用了反而更麻烦？不如不学这鸡肋

家人们咱们No，咱们大No特No。知识可以不用，但不能不学。

那么咱们开始吧。

------------------------前端

安装TS

npm i -g typescript

未完成之后在控制台输入一下代码即可看见版本号，到这儿你就安装成功了。

 tsc -v

如果使用命令报错？如果你是Windows系统，那就得在cmd进入管理员模式重新安装

ts : 无法将“ts”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。
所在位置 行:1 字符: 1
+ ts c demo.ts
+ ~~
    + CategoryInfo          : ObjectNotFound: (ts:String) [], CommandNotFoundException
    + FullyQualifiedErrorId : CommandNotFoundException

TS变量如何定义?

在js中字符串当然是可以相加的，但ts中则不行。因为变成强类型了。除了一下几种类型，当然你也可以使用any去定义。这代表任意类型，你可以往里面写入任意类型的参数值。

let str: string = "Hello World";

let num: number = 123;

let bool: boolean = true;

let nu: null = null;

let und: undefined = undefined;

TS定义数组？看代码就知道了

js中数组可以传入各种类型的参数，但ts更严格。你必须填写类型

let rra: Array<number> = [1, 2, 3, 4, 5];
let arr1: (number | string)[] = [1, "2"];
let arr2: Array<number | string> = [1, "2"];
let arr3: [number, string] = [1, "2"]; //必须一对一

ts数组中如何填写对象？

和定义变量类似，你也一样必须一一对应的填写类型。但是咱们No，咱们大No特No。

如果你嵌套的层数很多，那岂不是一种折磨。所以咱们实际开发中一般不这么写。

在后续的文章中我会写明如何定义、

let arr4: {
  id: number;
  name: string;
}[] = [
  { id: 1, name: "张三" },
  { id: 2, name: "张三2" },
];

TS中如何定义对象

咱们实际开发中一般不这么写。看看就行了

let obj1:{
    a: number;
    b: string;
}={
    a: 1,
    b: "2"
}

TS中如何定义函数?

一看就知道

function fun(a:number,b:number):void{//无返回值
console.log(a+b);

}
fun(1,2)

function func(a:number,b:number):number{//有返回值
    console.log(a+b);
    return a+b
    }
    func(1,2)