typescript $运算符

时间: 2023-09-29 19:04:31 浏览: 201

TypeScript的学习笔记

### TypeScript 学习笔记 #### 1. 基本数据类型 TypeScript 扩展了 JavaScript 的数据类型系统，提供了以下几种基本的数据类型： - **`number`**：数值类型，JavaScript 中的所有数字都属于该类型。 - **`string`**：字符串类型。 - **`boolean`**：布尔类型，包含 `true` 和 `false` 两个值。 - **`null`**：空值，表示没有任何值。 - **`undefined`**：未定义值，通常用于表示变量还未被赋值的情况。 - **`void`**：表示没有返回值的函数或不存在的值。 - **`never`**：表示那些永远不会有返回结果的函数或不会到达的代码路径。例如： ```typescript let num: number = 10; let str: string = "hello"; let bool: boolean = true; ``` #### 2. 数组与元组 - **数组**：在 TypeScript 中，可以使用两种方式定义数组： - 使用类型后跟方括号：`let list: number[] = [1, 2, 3];` - 使用数组泛型：`let list: Array<number> = [1, 2, 3];` - **元组**：元组允许表示一个已知元素数量和类型的数组，当这些元素的类型不同时非常有用。 ```typescript let x: [string, number]; x = ['hello', 10]; // 正确 ``` #### 3. Any 和 Void 类型 - **`any`**：表示不确定类型的值。虽然不建议频繁使用，但在某些情况下可能非常有用。 ```typescript let notSure: any = 4; notSure = "maybe a string instead"; notSure = false; // okay, definitely a boolean ``` - **`void`**：表示一个没有类型的值，常用于表示函数无返回值。 ```typescript function warnUser(): void { console.log("This is my warning message"); } ``` #### 4. 类型推断 TypeScript 会自动推断出一个值的类型，这意味着你不必总是显式地指定类型。例如： ```typescript let message = "hello"; // 类型为 string ``` #### 5. 类型判断可以使用 `typeof` 运算符来判断变量的类型，或者使用 `instanceof` 来判断对象是否属于某个类的实例。 ```typescript function printId(id: number | string) { if (typeof id === 'string') { console.log(id.toUpperCase()); } else { console.log(id); } } ``` #### 6. 枚举枚举类型提供了一种定义一组命名的常量的方法，使代码更具可读性。 ```typescript enum Color {Red, Green, Blue}; console.log(Color[1]); // 输出 "Green" ``` #### 7. 函数 - **默认参数**：可以在函数定义时为参数指定默认值。 ```typescript function buildName(firstName: string, lastName: string = "Smith") { return firstName + " " + lastName; } ``` - **剩余参数**：使用三个点 `...` 来收集传入的额外参数，并将它们放入一个数组中。 ```typescript function sum(...numbers: number[]) { return numbers.reduce((a, b) => a + b, 0); } ``` - **匿名函数**：可以定义匿名函数并立即调用它。 ```typescript (function() { console.log("Hello, world!"); })(); ``` #### 8. 类型断言类型断言是一种手动指定一个值的类型的方式，有两种形式：尖括号 `<>` 或者 `as` 关键字。 ```typescript let someValue: any = "this is a string"; let strLength: number = (<string>someValue).length; // 或者 let strLength2: number = (someValue as string).length; ``` #### 9. 接口接口提供了一种定义对象形状的方法，可以用于对类进行约束。 ```typescript interface LabelledValue { label: string; } function printLabel(labelledObj: LabelledValue) { console.log(labelledObj.label); } ``` #### 10. Type (类型的别名) 类型别名用来给一个类型起个新名字，它有助于提高代码的可读性和灵活性。 ```typescript type Name = string; type NameResolver = () => string; type NameOrResolver = Name | NameResolver; function getName(n: NameOrResolver): Name { if (typeof n === 'string') { return n; } else { return n(); } } ``` #### 11. 泛型泛型允许创建可复用的组件，这些组件可以针对不同的数据类型工作。 ```typescript function identity<T>(arg: T): T { return arg; } let output = identity<string>("myString"); ``` #### 进阶主题 - **函数重载**：可以让同一个函数名称有多个实现方式。 ```typescript function reverse(x: number): number; function reverse(x: string): string; function reverse(x: string | number) { if (typeof x === 'string') { return x.split('').reverse().join(''); } else if (typeof x === 'number') { return Number(x.toString().split('').reverse().join('')); } } ``` - **接口继承**：接口可以继承其他接口，从而实现接口间的扩展。 ```typescript interface Shape { color: string; } interface Square extends Shape { sideLength: number; } let square = <Square>{}; square.color = "blue"; square.sideLength = 10; ``` - **类**：类是面向对象编程的基础，可以定义类的成员和构造函数。 ```typescript class Person { constructor(public name: string) {} greet(phrase: string) { console.log(phrase + ' ' + this.name); } } let user1 = new Person("Max"); user1.greet("Hi there - I am"); ``` - **get 和 set**：用于设置和获取类成员的值。 ```typescript class Employee { private _fullName: string; get fullName(): string { return this._fullName; } set fullName(newName: string) { this._fullName = newName; } } let employee = new Employee(); employee.fullName = "Bob Smith"; if (employee.fullName) { console.log(employee.fullName); } ``` - **抽象类**：抽象类不能被实例化，主要用于被继承。 ```typescript abstract class Department { name: string; constructor(n: string) { this.name = n; } abstract describe(this: Department): void; printDepartmentName() { console.log('Department name: ' + this.name); } } class ITDepartment extends Department { admins: string[]; constructor(id: string, admins: string[]) { super(id); this.admins = admins; } describe() { console.log('IT Department - ID: ' + this.name); } } ``` - **接口 interface**：类可以实现多个接口，但只能继承一个基类。 ```typescript interface ClockInterface { currentTime: Date; tick(): void; } class Clock implements ClockInterface { currentTime: Date; constructor(h: number, m: number) {} tick() { this.currentTime = new Date(); } } ``` - **泛型类**：类也可以是泛型的，这样就可以创建具有泛型行为的对象。 ```typescript class GenericNumber<T> { zeroValue: T; add: (x: T, y: T) => T; } let myGenericNumber = new GenericNumber<number>(); myGenericNumber.zeroValue = 0; myGenericNumber.add = function(x, y) { return x + y }; ``` - **类、接口、函数的合并**：在 TypeScript 中，可以通过合并相同的标识符来组合类型定义。 ```typescript function f(n: number): number; function f(s: string): string; function f(x: number | string): number | string { if (typeof x === 'string') { return x.toUpperCase(); } else { return x * 2; } } ``` - **多个泛型的使用**：可以定义多个泛型参数，以增加函数或类的灵活性。 ```typescript function merge<T, U>(first: T, second: U): T & U { let result = <T & U>{}; for (let id in first) { (<T>result)[id] = first[id]; } for (let id in second) { if (!result.hasOwnProperty(id)) { (<U>result)[id] = second[id]; } } return result; } let mergedObj = merge({ name: "Tom" }, { age: 25 }); console.log(mergedObj.name); // 输出 "Tom" console.log(mergedObj.age); // 输出 25 ``` - **泛型接口**：泛型接口可以被用来定义泛型函数的类型。 ```typescript interface Lengthwise { length: number; } function loggingIdentity<T extends Lengthwise>(arg: T): T { console.log(arg.length); // Now we know it has a .length property, so no more error return arg; } ``` 通过上述总结，我们可以看到 TypeScript 提供了许多强大的功能来帮助开发者编写更加类型安全和易于维护的代码。无论是基础的数据类型还是高级的概念，如接口、泛型等，都能显著提升开发体验和代码质量。

在 TypeScript 中，$ 运算符是一个合法的标识符，它可以在变量名、函数名等地方使用。它通常被用作某些库或框架中的命名约定，用于表示某个特定的功能或模块。举个例子，Angular 框架中就广泛使用了 $ 符号来表示一些特定的服务或对象。比如 $http 服务用于向服务器发送 HTTP 请求，$rootScope 服务用于共享全局数据，$timeout 服务用于在指定时间后执行某个任务等等。需要注意的是，$ 符号并不是 TypeScript 的内置运算符，它的含义和使用方法都取决于具体的库或框架。因此，如果你想使用 $ 符号，需要查看相关文档或源代码，了解它的具体含义和用法。

阅读全文

typescript $运算符

相关推荐

TypeScript中文手册

TypeScript 教程

typescript 三目运算符

typescript ?运算符

typescript三目运算符

typescript 展开运算符

typescript !运算符

typescript运算符

typescript 运算符

typescript ??运算符

typescript ||运算符

typescript &&运算符

typescript ...运算符

typescript &&运算符怎么用

typescript 可选链运算符怎么使用

TypeScript

TypeScript学习

typescript-curso

TypeScript-Lab

最新推荐

基于 C++构建 Qt 实现的 GDAL 与 PROJ4 的遥感图像处理软件课程设计

【java毕业设计】娜娜服装企业物流管理系统源码（完整前后端+说明文档+LW）.zip

C语言数组操作：高度检查器编程实践

管理建模和仿真的文件

【KUKA系统变量进阶】：揭秘从理论到实践的5大关键技巧

如何使用Python编程语言创建一个具有动态爱心图案作为背景并添加文字'天天开心（高级版）'的图形界面？

基于Swift开发的嘉定单车LBS iOS应用项目解析

"互动学习：行动中的多样性与论文攻读经历"

PROTEUS符号定制指南：个性化元件创建与修改的全面攻略

https://www.lagou.com/wn/爬取该网页职位名称，薪资待遇，学历，企业类型，工作地点数据保存为CSV文件的python代码