跳转至

快速梳理-上篇.md

【禹神:三小时快速上手TypeScript,TS速通教程】https://www.bilibili.com/video/BV1YS411w7Bf?vd_source=30dd7415f8803aeec3a108e0d178d1cf

一、TypeScript 简介

二、为何需要 TypeScript

三、编译 TypeScript

  1. tsc 插件手动编辑

安装插件 执行 tsc 文件名

  1. 自动化编译

一般通过 vue react 的项目无需上面的操作,因为自带的 webpack 或者 vite 自动就处理执行了

四、类型声明

let a: string;
let b: number;
let c: boolean;
a = 'Hello';
b = 123;
c = true;
console.log("--------------------");
console.log(a, b, c);
function add(x:number, y:number): number {
    return x + y;
}
console.log(add(2, 3));
console.log("--------------------");

字面量声明

let a: '文字';
a = '其他文字' //错误的

五、类型推断

const age = 12;
age = '测试' //错误

六、类型总览

js中数据类型

number
string
nudefind
null
boolean
symbol
bigint
object -> Array\Function\Dare\Error ......

ts中数据类型

  1. 上述所有js类型
  2. 新增6个
    1. any
    2. unknow
    3. never
    4. void
    5. tuple
    6. enum
  3. 自定义类型方式
    1. type
    2. interface

七、常用类型

  • any
let a: any;         // 显式any
a = 'sss';
console.log(a);

let b;              // 隐式any
b = 'sss';
console.log(b);

----

let a: any;
a = 10;

let b: string;

b = a;

console.log("a", a);
console.log("b", b);

any 可以负值给另一类型的变量

  • unknown