TypeScript 入门

编译TS文件

编译TS文件

tsc main.ts

运行JS文件

node main.js

直接运行TS文件

node main.ts

用npm管理

npm init

  • 添加了一个package.json

安装依赖

  • npm install --save-dev lite-server

  • 会自动安装node modules文件

  • lite-server 避免修改文件后再次重新启动。

运行

npm start

基础语法

用let 或const ,禁止用var

  • var的作用域会突破for循环,持续存在。

  • let声明变量更安全

数据类型

Number

可以表示:整数、浮点数等

javascript 复制代码
function add(n1: number, n2:number) {
    return n1 + n2
}

console.log(add(num1,num2))
String

字符串类型,双引号、反引号、单引号

Boolean
javascript 复制代码
let isTrue:boolean;
let isFalse = false
数组 + 元组
javascript 复制代码
let isTrue:boolean;
let isFalse = false

let list1:number[] = [1,3,4]
let list2:Array<number> = [1,2,3]
let list3 = [1,2,3]

let list4 = [1,"dddd"]
let list5:any[] = [1,"ddd"]

元组是特殊的数组,固定长度 + 固定的类型

联合类型
javascript 复制代码
let union: string | number
union = 2
union = "122112"
枚举类型

真正的类型数据是数字

Any 和 unkonw
void undefined 和 never
类型断言
函数类型

对象类型

类和对象

相关推荐
子兮曰36 分钟前
把 649 种文件格式塞进一个网页里:一个「文件不出浏览器」的预览器
前端·javascript·后端
paopaokaka_luck4 小时前
基于springboot+vue的智慧家政管理系统(AI问答、 WebSocket实时沟通、ECharts运营分析、订单规则与服务追踪)
java·javascript·spring boot·数据分析·echarts·mybatis
sm_926787054 小时前
RFID 标签打印的技术实现要点与二次开发实践
java·大数据·前端·c++·编辑器
IMPYLH4 小时前
HTML 的 <video> 元素
前端·html
濮水大叔4 小时前
Cabloy 双引擎架构详解:Vona 与 Zova 是如何协作的
typescript·node.js·全栈
溪语流沙4 小时前
【每天一个CSS | Day19】流光文字与一笔写成的手写签名
前端·javascript·css
逐光者9335 小时前
STM32——SPI 屏 · Flash · 高速
java·前端·stm32
To_OC5 小时前
同样是让 AI 写全栈,为什么别人一句话就够了
前端·前端框架·next.js
CDwenhuohuo5 小时前
electron pc项目打包成桌面端
前端·javascript·electron
前端大斗师5 小时前
「大于 1000」把 1000 元那单也算进去了:我在 Vue3 订单页对了 10 句话
前端·人工智能·typescript·大模型·原力计划