【TS】typescript 学习记录

最新推荐文章于 2025-06-17 11:20:22 发布

Sparks67

最新推荐文章于 2025-06-17 11:20:22 发布

阅读量193

点赞数

CC 4.0 BY-SA版权

分类专栏： DOM

本文链接：https://blog.youkuaiyun.com/weixin_42971942/article/details/89439054

DOM 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了TypeScript的基础知识，包括其解决JavaScript问题的能力，安装配置过程，以及如何使用ts-node运行TypeScript代码。同时，文章还讲解了TypeScript中interface的使用方法，以及创建package.json文件的过程。

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

一定要学会看英文！

命令行报错→有道词典→复制到谷歌

ts 主要就是为了解决 js 的一些错误，和一些不好的地方。
ts 兼容大部分 js 代码，就是说如果把它当 js 写，50%的时候都是对的。
ts 是希望我加分号的
函数重载：可以支持多种形式的参数类型

安装

sudo apt-get install nodejs （查看版本：node -v）
sudo apt-get install npm（查看版本：npm -v）
重新启动一下软件
npm install typescript -g
npm install ts-node -g （因为 node 是不能直接运行 ts 的，所以要让 node 支持 ts）
mkdir tsdemo
且听下回

记下 ts-node 安装后的可执行文件路径，后面要用：C:\Users\sparks\AppData\Roaming\npm\ts-node

前置知识：

命令行知识（熟悉）
英文（有道词典）

三段论：

浏览器可以直接运行 js
浏览器不能直接运行 ts
要把 ts 变成 js，才能运行在浏览器上

(把 ts 变成 js 的程序，就叫做 tsc ：TypeScript compiler)

interface：规定一个对象必须有哪些属性

创建package.json：

npm init -y

进程退出：

process.exit()

interface 的写法：

interface Shape{
    head:string;
    body:string;
}

inter Human{
    name:string; //字符串
    age:number;  //数字
    shape:Shape; //对象
    say(word:string):void  //函数
}