注意 [number]和普通数组不同，它表示的是 元组

let obj: any = { x: 0 }; // 下面所有代码都不会引起编译错误。使用 any 将会忽略类型检查，并且假定了 // 你比 TypeScript 更了解当前环境 obj.foo(); obj(); obj.bar = 100; obj = "hello"; const n: number = obj;

let myName: string = 'Alice';

TypeScript 没有采用类似 int x = 0 这样“在表达式左边声明类型”的风格。类型注解总是跟在要声明类型的东西后面。

// 不需要添加类型注解 —— myName 会被自动推断为 string 类型 let myName = 'Alice';

// 参数类型注解 function greet(name: string){ console.log('Hello, ' + name.toUpperCase() + '!!'); }

// 如果执行，会有一个运行时错误！ greet(42); // Argument of type 'number' is not assignable to parameter of type 'string'.

即使没有给参数添加类型注解，TypeScript 也会检查你传递的参数的个数是否正确

function getFavourNumber(): number { return 26; }

// 这里没有类型注解，但 TypeScript 仍能在后续代码找出 bug const names = ["Alice", "Bob", "Eve"]; // 基于上下文推断匿名函数参数的类型 names.forEach(function (s) { console.log(s.toUppercase()); ^^^^^^^^^^^^ // Property 'toUppercase' does not exist on type 'string'. Did you mean 'toUpperCase'? }); // 对于箭头函数，也可以正确推断 names.forEach((s) => { console.log(s.toUppercase()); ^^^^^^^^^^^^^ //Property 'toUppercase' does not exist on type 'string'. Did you mean 'toUpperCase'? });

// 参数的类型注解是一个对象类型 function printCoord(pt: { x: number; y: number }) { console.log("The coordinate's x value is " + pt.x); console.log("The coordinate's y value is " + pt.y); } printCoord({ x: 3, y: 7 });

function printName(obj: { first: string; last?: string }) { // ... } // 下面两种写法都行 printName({ first: "Bob" }); printName({ first: "Alice", last: "Alisson" });

function printName(obj: { first: string; last?: string }) { // 如果 obj.last 没有对应的值，可能会报错！ console.log(obj.last.toUpperCase()); // Object is possibly 'undefined'. if (obj.last !== undefined) { // OK console.log(obj.last.toUpperCase()); } // 下面是使用现代 JavaScript 语法的另一种安全写法： console.log(obj.last?.toUpperCase()); }

function printId(id: number | string) { console.log("Your ID is: " + id); } // OK printId(101); // OK printId("202"); // 报错 printId({ myID: 22342 }); // Argument of type '{ myID: number; }' is not assignable to parameter of type 'string | number'. //Type '{ myID: number; }' is not assignable to type 'number'.

function printId(id: number | string) { console.log(id.toUpperCase()); // Property 'toUpperCase' does not exist on type 'string | number'. //Property 'toUpperCase' does not exist on type 'number'. }

function printId(id: number | string) { if (typeof id === "string") { // 在这个分支中，id 的类型是 string console.log(id.toUpperCase()); } else { // 这里，id 的类型是 number console.log(id); } }

function welcomePeople(x: string[] | string) { if (Array.isArray(x)) { // 这里，x 是 string[] console.log("Hello, " + x.join(" and ")); } else { // 这里，x 是 string console.log("Welcome lone traveler " + x); } }

// 返回值会被推断为 number[] | string function getFirstThree(x: number[] | string) { return x.slice(0, 3); }

联合类型的各个类型的属性存在交集，你可能会觉得有点困惑。实际上这并不让人意外，“联合”这个名词来自于类型理论。联合类型 number | string 是由每个类型的值的联合组成的。假设给定两个集合以及各自对应的事实，那么只有事实的交集可以应用于集合的交集本身。举个例子，有一个屋子的人都很高，而且戴帽子，另一个屋子的人都是西班牙人，而且也戴帽子，那么两个屋子的人放到一起，我们可以得到的唯一事实就是：每个人肯定都戴着帽子。

type Point = { x: number; y: number; }; // 效果和之前的例子完全一样 function printCoord(pt: Point) { console.log("The coordinate's x value is " + pt.x); console.log("The coordinate's y value is " + pt.y); } printCoord({ x: 100, y: 100 });

type ID = number | string;

type UserInputSanitizedString = string; function sanitizeInput(str: string): UserInputSanitizedString { return sanitize(str); } // 创建一个输入 let userInput = sanitizeInput(getInput()); // 可以重新给它赋值一个字符串 userInput = "new input";

interface Point { x: number; y: number; } function printCoord(pt: Point) { console.log("The coordinate's x value is " + pt.x); console.log("The coordinate's y value is " + pt.y); } printCoord({ x: 100, y: 100 });

// 接口可以自由拓展 interface Animal { name: string }interface Bear extends Animal { honey: boolean }const bear = getBear() bear.name bear.honey// 类型别名需要通过交集进行拓展 type Animal = { name: string }type Bear = Animal & { honey: boolean }const bear = getBear(); bear.name; bear.honey; // 向既有的接口添加新的属性 interface Window { title: string }interface Window { ts: TypeScriptAPI }const src = 'https://www.it610.com/article/const a ="Hello World"'; window.ts.transpileModule(src, {}); // 类型别名一旦创建，就不能再修改了 type Window = { title: string }type Window = { ts: TypeScriptAPI } // Error: Duplicate identifier 'Window'

• 在 TypeScript 4.2 版本之前，类型别名的名字可能会出现在报错信息中，有时会代替等效的匿名类型（可能需要，也可能不需要）。而接口的名字则始终出现在报错信息中
• 类型别名无法进行声明合并，但接口可以
• 接口只能用于声明对象的形状，无法为原始类型命名
• 在报错信息中，接口的名字将始终以原始形式出现，但只限于它们作为名字被使用的时候

const myCanvas = document.getElementById("main_canvas") as HTMLCanvasElement;

const myCanvas = document.getElementById("main_canvas");

记住：因为编译期间会移除类型断言，所以不存在和类型断言相关的运行时检查。即使类型断言是错误的，也不会抛出异常或者产生 null

const x = "hello" as number; // 类型 "string" 到类型 "number" 的转换可能是错误的，因为两种类型不能充分重叠。如果这是有意的，请先将表达式转换为 "unknown"

const a = (expr as any) as T;

let changingString = "Hello World"; changingString = "Olá Mundo"; // 因为 changingString 可以表示任意可能的字符串，这是 TypeScript // 在类型系统中描述它的方式 changingString; ^^^^^^^^^^^^^^ // let changingString: stringlet changingString: string const constantString = "Hello World"; // 因为 constantString 只能表示一种可能的字符串，所以它有一个 // 字面量类型的表示形式 constantString; ^^^^^^^^^^^^^^^ // const constantString: "Hello World"

let x: "hello" = "hello"; // OK x = "hello"; // ... x = "howdy"; // Type '"howdy"' is not assignable to type '"hello"'.

function printText(s: string, alignment: "left" | "right" | "center") { // ... } printText("Hello, world", "left"); printText("G'day, mate", "centre"); ^^^^^^ // Argument of type '"centre"' is not assignable to parameter of type '"left" | "right" | "center"'.

function compare(a: string, b: string): -1 | 0 | 1 { return a === b ? 0 : a > b ? 1 : -1; }

interface Options { width: number; } function configure(x: Options | "auto") { // ... } configure({ width: 100 }); configure("auto"); configure("automatic"); ^^^^^^^^^^ // Argument of type '"automatic"' is not assignable to parameter of type 'Options | "auto"'.

const obj = { counter: 0 }; if (someCondition) { obj.counter = 1; }

const req = { url: "https://example.com", method: "GET" }; handleRequest(req.url, req.method); // Argument of type 'string' is not assignable to parameter of type '"GET" | "POST"'.

1. 通过添加类型断言改变类型的推断结果：
   

   // 方法一： const req = { url: "https://example.com", method: "GET" as "GET" }; // 方法二： handleRequest(req.url, req.method as "GET");

   
   

2. 你还可以使用 as const 将整个对象转化为字面量类型：
   

   const req = { url: "https://example.com", method: "GET" } as const; handleRequest(req.url, req.method);

   
   as const 后缀和 const 的效果很像，但用于类型系统中。它可以确保对象的所有属性都被赋予了一个字面量类型，而不是采用类似 string 或者 number 这样较为通用的类型。
   

function doSomething(x: string | null) { if (x === null) { // do nothing } else { console.log("Hello, " + x.toUpperCase()); } }

function liveDangerously(x?: number | null) { // 不会报错 console.log(x!.toFixed()); }

// 通过 BigInt 函数创建大整数 const oneHundred: bigint = BigInt(100); // 通过字面量语法创建大整数 const anotherHundred: bigint = 100n;

const firstName = Symbol("name"); const secondName = Symbol("name"); if (firstName === secondName) { // 此条件将始终返回 "false"，因为类型 "typeof firstName" 和 "typeof secondName" 没有重叠。 }

推荐阅读

• 

  海门大桥
• 

  胃癌|胃癌偏爱这4类人，若你在其中，做好这5点，或许能幸免！
• 

  王者荣耀下载最新版安卓，王者荣耀助手安卓版下载
• 

  电商怎么做 粮油电商是什么意思，粮油是啥
• 

  弈星重塑啦！从围棋的对弈体验入手，天才少年的成长的关键词是：以身入局，____ 王者荣耀8月5日每日一题答案
• 

  安卓 强制前台,手机回收模式下安卓应用如何继续在后台运行?
• 

  电脑调哪几个设置可以让电脑变快速度 电脑调哪几个设置可以让电脑变快
• 

  老款5角硬币图片 「新款5元硬币」
• 

  西瓜汁放冰箱可以保存多久
• 

  qqbot源码分析,nginx源码分析
• 

  梦见抱着男孩
• 

  雨隐村曾经有几位首领 火影忍者手游10月28日每日一题答案
• 

  你看过最好看的美剧是什么？
• 

  php长数据发送 php传输数据的方式
• 

  行政处罚的种类包括人身罚行为罚财产罚和申诫罚 行政处罚的种类
• 

  mysql批量查询语句 mysql查询批量替换
• 

  六月黄吃到什么时候
• 

  小森生活游戏介绍 小森生活好玩吗
• 

  鸡丸的做法大全 鸡丸怎么做
• 

  秦时明月世界怎么转职 秦时明月世界转职业

• ts泛型使用举例
• 最有效的时间管理工具（赢效率手册和总结笔记）
• 幼小衔接家长手册（欢迎来到一年级读后感）
• typeScript入门基础介绍
• D014+6组银桥+《人生效率手册》读书笔记
• 星际无限|星际无限 | 官方推出Filecoin MinerX奖学金计划，吸引中小型Filecoin矿工
• 1040表格和W-2表格
• 带你了解类型系统以及flow和typescript的基本使用
• 日反思成功效率手册0114-2019爱诺燕儿（周1）D621
• neo4j|neo4j cql语句 快速查询手册