面向对象 要想面向对象，操作对象，首先便要拥有对象； 要创建对象，必须要先定义类，所谓的类可以理解为对象的模型； 程序中可以根据类创建指定类型的对象；举例来说： 可以通
转载
2023-09-04 15:16:27
672阅读
在TS中,我们允许开发人员使用面向对象技术。1、类让我们看看一个简单的基于类的例子: 1. class Greeter {
2. greeting: string;
3. constructor(message: string) {
4. this.greeting = message;
5. }
6. greet() {
7.
转载
2024-04-23 20:30:20
438阅读
解构(Destructuring)是ES6新增的特性。数组和对象(Object)的一个作用是把一些值组合打包在一起。与之相对，解构就类似把数组里的值或对象的属性解包。使用解构赋值语法可以很简便地把数组的值或对象的属性赋值给单独的变量。语法var a, b, rest;[a, b] = [10, 20];console.log(a
转载
2024-01-30 21:53:34
198阅读
我们知道在C++的创建对象是一个费时，费空间的一个操作。有些固然是必不可少，但还有一些对象却在我们不知道的情况下被创建了。通常以下三种情况会产生临时对象： 1，以值的方式给函数传参； 2，类型转换； 3，函数需要返回一个对象时； 现在我们依次看这三种情况： 一，以值的方式给函数传参。 我们知道给
转载
2024-10-24 19:27:17
30阅读
TypeScript新特性之项目引用(project references) 项目引用是TypeScript 3.0中的一项新功能，允许您将TypeScript程序构建为更小的部分。通过这样做，您可以大大缩短构建时间，实现组件之间的逻辑分离，并以新的更好的方式组织代码。我们还为tsc引入了一种新模式，即--build标志，它与项目引用协同工作，以实现更快的TypeScript构建。
转载
2024-05-30 13:52:35
29阅读
tsconfig.json配置{
"compilerOptions": {
"module": "es2015",
"target": "es2015",
"strict": true,
"outDir": "./dist",
"noEmitOnError": true
},
"include": [
"./src/**/*"
]
}
转载
2024-05-16 07:50:30
157阅读
定义：从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。一、数组的解构赋值let [foo, [[bar], baz]] = [1, [[2], 3]];
foo // 1
bar // 2
baz // 3
let [x, y, ...z] = ['a'];
x // "a"
y // undefined
z // []
/****************不完
转载
2023-11-09 09:45:19
487阅读
一：最简单的使用：在赋值的情况下自动匹配其格式,所以name为string类型,age为number类型let user = {
name: "张三",
age: 18,
};
//user.age="20";
//此时会报错,解:age为number类型，赋值为string报错
//user.name++;
//此时会报错,解:name为string类型，string类型不能进行
转载
2024-02-03 21:57:39
224阅读
tsconfig.json文件中指定了用来编译这个项目的根文件和编译选项自动编译项目tsctsc可以直接自动监听所有的ts来编译为js文件使用tsc的前提: 在项目根目录创建tsconfig.config.json文件创建两种方式:1. 直接在根目录新建tsconfig.config.json (配置文件需要自己配置)2. 执行tsc --init (会自动创建相关配置)tsc --i
转载
2024-03-01 08:16:03
102阅读
类 简单的例子： class Greeter {
greeting: string;
constructor(message: string) {
this.greeting = message;
}
greet() {
return "Hello, " + this.greeting;
}
}
let greeter = new Greeter(“world”);继承
类当然
转载
2024-06-14 16:27:22
42阅读
# TypeScript动态给对象赋值
## 引言
在开发中，我们经常需要动态地给对象赋值。TypeScript是一种给JavaScript添加了静态类型的语言，通过使用TypeScript，我们可以在编译阶段就发现类型错误，提高代码的可维护性和可读性。本文将介绍如何在TypeScript中动态给对象赋值，并提供相应的代码示例。
## 对象和属性
在TypeScript中，对象是一组键值对
原创
2023-12-08 05:45:58
1015阅读
# TypeScript 中如何动态赋值新建对象
在类型安全的编程语言 TypeScript 中，动态生成对象并赋值是一项常见的任务。特别是在处理复杂的数据结构时，能够灵活地创建对象非常重要。本篇文章将教你如何在 TypeScript 中通过动态赋值的方式新建对象。
## 整体流程
首先，我们需要了解整个流程，这里为你整理了一个表格来描述步骤：
| 步骤 | 描述
布尔值let isDone: boolean = false;数字let decLiteral: number = 6;字符串let name: string = `Gene`;数组let list: number[] = [1, 2, 3]
let list: Array<number> = [1, 2, 3];元组（表示一个已知元素数量和类型的数组，各元素的类型不必相同）let x
转载
2024-10-16 12:52:21
31阅读
在前面我们提到了有关数组的定义和数组的一些特性，那篇博客只提到了三种定义方式，这里我们再补充两种方式：第一种：数组泛型// 语法格式：Array<elemType>
let list: Array<number> = [1, 2, 3];第二种：类数组function sum() {
let args: {
[index: number]: numb
转载
2023-11-06 12:38:08
151阅读
类型推论如果没有明确指定类型，typescript会根据类型推论的规则推断出一个类型。注意： 如果定义的时候没有赋值，不管之后有没有赋值，都会被推断为any类型而完全不被类型检查联合类型联合类型表示取值可以为多种类型中的一种。 使用| 来分隔类型 示例代码：let myFavoriteNumber: string | number;注意： 当不确定一个联合类型的变量到底是哪个类型的时候，只能访问此
转载
2024-05-14 13:05:54
647阅读
接口的兼容性如果传入的变量和声明的类型不匹配，TS就会进行兼容性检查原理是Duck-Check(一个对象，只要它会鸭子叫，那就当它是鸭子),就是说只要目标类型中声明的属性变量在源类型中都存在就是兼容的interface Animal {
name: string;
age: number;
}
interface Person {
name: string;
age: number;
gender
转载
2024-04-26 09:56:35
314阅读
在TypeScript中，有时候我们会需要将一个对象的属性赋值给多个变量，这在日常的开发中十分常见。我将在这篇博文中详细记录下解决“TypeScript对象赋值给多个变量”问题的过程，包括背景定位、演进历程、架构设计、性能攻坚、故障复盘和扩展应用等方面。
## 背景定位
我最初在一个项目中遇到这个问题时，发现代码中为了获取对象的多个属性而频繁书写类似的取值语句，导致了代码的冗余和可读性的降低。
# 如何在 TypeScript 中对对象某个属性赋值
在学习 TypeScript 时，理解如何对对象的属性进行赋值是非常基础而重要的一步。本篇文章将通过明确的流程指导你如何在 TypeScript 中实现这一目标。
## 整体流程
| 步骤 | 描述 | 对应代码
1. 对象和数组 总述对象和数组是JS里两种重要的数据类型，它们与普通的如字符串和数字等基本数据类型不同的是：它们不是表示单个值，而是表示值的集合。对象是一组已命名的值的集合，而数组是一种特殊的对象，是一组数值的有序集合。1.1创建对象对象把多个数据值集合在一个单元中，并且允许用名字来存放和获取这些值。对象定义一般如下： var empty = {}
var point = {x:0,y:0}
v
转载
2024-04-22 20:42:48
216阅读
一、前言解构赋值语法是一种 Javascript 表达式。通过解构赋值，可以将属性/值从对象/数组中取出，赋值给其他变量。本文将讨论解构赋值的作用与其用法。目录一、前言二、用途三、数组的解构1.变量声明并且赋值时的解构 2.默认值 3.剩余数组赋值给一个变量4.解构交换变量 5.解析一个函数返回的数组6.二维数组的解构四、对象的解构1.基本用法2.给新的变量名赋值五、
转载
2023-12-17 13:00:45
138阅读
