unknown —— 安全版 any，用前得先判断类型。

普通写法：

let name: string = '张三';
let age: number = 28;
let isVip: boolean = true;

Ru果不写注解，TS 会自己推断：

let city = '北京'; // 自动推断为 string
let score = 95;    // 自动推断为 number

数组Ke以两种写法：

let fruits: string = ;
let ages: Array = ;

元组则是固定长度+固定类型：

let point:  = ; // 第一个是经度，第二个是纬度

普通函数：

function add: number {
  return a + b;
}

箭头函数也一样：

const greet = : void => {
  console.log;
};

可选参数后面加 ? ，记得放在必填后面：

function say {
  console.log;
}

默认参数直接赋值就行：

function hello {
  console.log;
}

咱们先说 interface，它专门用来约束对象结构，而且Ke以被 extend。

interface User {
  name: string;
  age: number;
  gender?: 'male' | 'female';
}

type geng灵活，Ke以给任何类型起别名，包括联合类型、元组等。

type ID = string | number;
type Point = ;

其实两者douNeng搞定对象，你geng喜欢哪种就随便用呗。

顺便说一下hen多小伙伴经常问：为什么百度不收录我的页面？哈哈，这往往跟以下几点有关——内容重复、缺少关键字、或者页面加载太慢。咱就是说要Zuo好 SEO，就得确保标题唯一、正文丰富，还要注意 robots.txt 没拦住爬虫。懂的dou懂，这事儿别忽视啊！

# 什么是类型守卫？简单来说就是用 if 判断来让 TS 知道某个变量到底是哪种具体类型。

function print {
  if  {
    console.log);
  } else {
    console.log);
  }
}

class Animal {
  constructor {}
}
class Dog extends Animal {
  bark {
    console.log;
  }
}
const d = new Dog;
d.bark; // 汪汪！ 
// 不对不对，我忘了加 public，这里Yi经自动加上了。

# 想让函数或类适配不同的数据结构，就得上泛型。

function identity: T {
  return arg;
}
let num = identity;
let str = identity;

- 随手用了 any，结果 TS 再也帮不上忙；

- 元组 push 虽然不报错，但会破坏原本的长度约束；

- 可选参数一定要放在必填参数后面不然编译器会闹情绪；

- 严格模式一定开，这样才Neng发现隐藏问题。

- 类型断言要慎用，否则相当于给 TS “闭眼”。

# 配置文件 tsconfig.json 快速上手指南

{
  "compilerOptions": {
    "target": "ES6",
    "module": "CommonJS",
    "strict": true,
    "esModuleInterop": true,
    "outDir": "./dist",
    "rootDir": "./src"
  },
  "include": 
}

tsc          # 编译所有 .ts 文件
node dist/app.js   # 执行编译后的 JS
# 或者直接跑 ts-node
ts-node src/app.ts

# 静态类型检查帮你提前捕获错误；

# 基础类型、函数签名、接口/别名必须掌握；

# 类型推断让代码geng简洁，可自行补充注解提升可读性；

# 类、泛型、类型守卫是进阶必备武器；

# 开启 strict 模式、合理配置 tsconfig，让项目geng稳。