TypeScript - 对象

最新推荐文章于 2024-08-08 15:17:24 发布
最新推荐文章于 2024-08-08 15:17:24 发布
阅读量382 收藏
点赞数 1
分类专栏： TypeScript 文章标签： typescript javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wgh4318/article/details/121053444
版权
本文介绍了TypeScript中对象的结构化类型注解，强调了它如何约束对象的结构，并指出通过使用分号或省略分号来定义多个键值对。重点讲解了对象方法的类型注解，包括参数类型和返回值类型的标注。此外，还讨论了直接使用类型注解的局限性，如代码不简洁和无法复用。为了解决这些问题，文章推荐使用接口作为对象的类型注解，详细阐述了接口的概念和命名规范，强调接口在代码结构和复用性上的优势。
摘要由CSDN通过智能技术生成

对象的类型注解

TS 中的对象是结构化的，结构简单来说就是对象有什么属性或方法。
在使用对象前，就可以根据需求，提前设计好对象的结构

在这里插入图片描述
注意：多个键值对之间使用分号（;）分隔，并且分号可省略

对象的结构化类型（类型注解）：建立一种契约，约束对象的结构

对象方法的类型注解

在这里插入图片描述

  • 箭头（=>）左边小括号中的内容：表示方法的参数类型。
  • 箭头（=>）右边的内容：表示方法的返回值类型。
  • 方法类型注解的关键点：1 参数 2 返回值

接口

直接在对象名称后面写类型注解的坏处：1 代码结构不简洁 2 无法复用类型注解。

接口：为对象的类型注解命名，并为你的代码建立契约来约束对象的结构

在这里插入图片描述
interface 表示接口，接口名称约定以I开头。

推荐：使用接口来作为对象的类型注解。

凡小多
关注
专栏目录
一文读懂 TS 中 Object, object, {} 类型之间的区别
weixin_37067085的博客
01-31 2093
创建了一个 “重学TypeScript” 的微信群，想加群的小伙伴，加我微信“semlinker”，备注重学TS。 本文是 ”重学TS“ 系列，第 27 篇文章，感谢您的阅读！ TypeScript 2.2 引入了被称为 object 类型的新类型，它用于表示非原始类型。在 JavaScript 中以下类型被视为原始类型：string、boolean、number、bigint...
Typescript-Node-Starter:用Typescript编写的Node.js入门包
04-18
7. **TypeScript与Node.js集成**：了解如何配置 TypeScript 编译器以正确处理 Node.js 全局对象（如 `require` 和 `process`）以及如何处理第三方模块的类型定义（通过 `@types` 包）。 8. **npm包管理**：熟悉 `...
ts对象的类型--接口
yangyanqin2545的博客
11-23 2578
ts对象的类型–接口 1、简单的例子 interface Person { name:string; age:number; } let tom:Person = { name:'Tom', age:25, } 接口一般首字母大写，定义的变量比接口少了一些属性是不允许的；多了一些属性也是不允许的；赋值的时候，变量的形状必须和接口的形状保持一致。 2、可选属性 有时我们不希望完全匹配一个形状，那么可以用可选属性 interface Person { name: string; age?:numb
TypeScript对象类型
最新发布
听海边涛声
08-08 198
TypeScript对象类型
TS面向对象
m0_46239267的博客
03-10 558
概念 面向对象一个非常重要的思想，面向对象很简单，就是程序之中所有的操作都需要通过对象来完成。 举例来说： 操作浏览器要使用window对象 操作网页要使用document对象 操作控制台要使用console对象 一切操作都要通过对象，也就是所谓的面向对象。 那么对象到底是什么呢？ 这就要先说到程序是什么，计算机程序的本质就是对现实事物的抽象，抽象的反义词是具体， **比如：**照片是对一个具体的人的抽象，汽车模型是对具体汽车的抽象等等。程序也是对事物的抽象，在程序中我们可以表示一个人、一条狗、一
TS-object、Object和{}
weixin_45636198的博客
05-31 582
object（首字母小写）类型是TS中新增的类型，用于表示非原始类型在TS中原始类型有number、boolean、string、bigint、symbol。因此object表示除此以外的全部类型以下赋值代码会引起编译错误以下为正确代码注意：当对象为object类型时，因为object类型是一种泛指的类型，并不是具体的类型，因此无法得知它支持哪些属性或者方法，需要将其转换为具体的类型才能操作。object类型可用于参数传递过程中的处理。
TS的对象类型
Raccon_的博客
02-14 5337
TypeScript 函数声明 声明方式一 function run():string{ return 'run'; } return的数据类型必须是声明的类型 声明方式二 var fun2=function():number{ return 123; } 函数传参 function getInfo(name:string,age:number):string{ return `${name}---${age}` } 可选参数 可选参数必须配置到参数的最后面 function getInfo
vue-typescript-admin-template-master_vue_
09-30
Vue.js TypeScript 后台管理模板详解 Vue.js 是一款轻量级、高性能的前端JavaScript框架，以其易用性、灵活性和强大的生态系统深受开发者喜爱。而TypeScript是JavaScript的一个超集，它提供了静态类型检查和现代化...
typescript-node-starter：更简单的Typescript节点启动器
02-19
TypeScript是由Microsoft开发的一种强类型、面向对象的超集语言，它可以编译成纯JavaScript。它添加了诸如接口、枚举、类和泛型等高级特性，这些特性使得大型项目的代码更加清晰和易于维护。TypeScript还支持ES6+的...
express-typescript-boilerplate
04-19
"Express TypeScript样板"是一个专为开发Node.js应用而设计的项目模板，它结合了Express.js框架的灵活性和TypeScript的强大类型系统，旨在提供一个高效、可靠的开发起点。Express.js是Node.js中最流行的web应用程序...
Typescript-logger:用Typescript编写的日志框架
05-18
## Typescript-logger 用Typescript编写的日志框架 例子 简单的控制台记录器 // Create the logger options var options : Log.Logger_...记录一个简单的对象 logger.info({"key" : "value"}); 记录一个简单的字符
TS-泛型
qq_41709082的博客
07-22 7604
TS-泛型 1.当需要 定义 一个 参数 类型 与 返回 值 类型 不确定的 函数 时： 使用 any function test(name:any):any{ console.log('this is 泛型 demo'); /* ... */ return name } test(123); 使用 any 定义 时 存在 问题： 虽然 可以 知道 传入值 的类型 但是 ...
TS 中的 Object、object 和{}
cppandtea的博客
08-12 934
ts中 Ojbect、object和{}的用法详细说明。
【TS】object类型
分享互联网的有趣知识~
11-12 8050
通常定义字符串的方法有这些let str = '东方不败' // 字符串 let str2 = String('东方不败') // 字符串 let str3 = new String('东方不败') // 对象 String{}前两种方法是基础类型的，str为直接定义基础字符串类型，str2为String方法转换值为字符串，本质还是一个基础类型字符串，str3则为对象，为了验证结果，对这几个变量进行类型检测// 检测类型 console . log(typeof str);// object。
【TS】566- 一文读懂 TS 中 Object, object, {} 类型之间的区别
pingan8787
04-17 1万+
创建了一个 “重学TypeScript” 的微信群，想加群的小伙伴，加我微信"semlinker"，备注重学TS。本文是 ”重学TS系列“ 第27篇文章，感谢您的阅...
【Typescript】关于TS中的Object、object、{}【特别容易混淆】总结
weixin_43343144的博客
04-11 1120
但是，由于TypeScript的类型系统是结构化的，所以{}类型可以接受任何类型的值，因为任何类型的值都可以看作是一个没有任何属性的对象。object：这是TypeScript 2.2引入的一种新类型，表示非原始类型，也就是除了number、string、boolean、symbol、null或undefined之外的类型。2、小写的object除了原始类型【number、string、boolean、symbol、null或undefined】之外的任何类型值。
ts实战系列五：object类型和函数
wanmeijuhao的博客
01-01 714
【代码】ts实战系列五：object类型和函数。
简单的TS入门
热门推荐
qq_15351029的博客
11-09 2万+
TypeScript NoteVersion :  1.0、 TestVersion  :  ts2.4.2 Data         : 2017年8月27日 1、前置知识 l   理解ES5、ES6、javaScript、TypeScript的概念和关系 l   JavaScript开发经验 l   如果懂java学习来会事半功倍 2、TypeScript优势 u  支持ES
05 - TS加餐环节 介绍object、Object、{} 类型
xiaoleiv9的博客
05-31 266
原创：前端-悟空 请勿抄袭 可以转载。
import { PDFViewerApplication } from 'pdfjs-dist/web/pdf_viewer'// eslint-disable-next-line @typescript-eslint/no-unsafe-call PDFViewerApplication.initialize() // eslint-disable-next-line @typescript-eslint/no-unsafe-call PDFViewerApplication.cleanup()
07-13
这段代码使用了pdfjs-dist库来操作PDF文件。首先，它导入了`PDFViewerApplication`对象，并使用`PDFViewerApplication.initialize()`方法进行初始化。然后，使用`PDFViewerApplication.cleanup()`方法进行清理操作。 `PDFViewerApplication.initialize()`方法用于初始化PDF查看器应用程序。这个方法会设置必要的配置和初始化PDF查看器的各个组件。 `PDFViewerApplication.cleanup()`方法用于清理PDF查看器应用程序。这个方法会清理所有的事件监听器和资源，以确保应用程序的正常关闭。 请注意，这段代码中使用了`// eslint-disable-next-line`注释来禁止ESLint对这些行的检查。这可能是因为ESLint规则对这些代码有一些限制或警告，但在某些情况下可以忽略。 如果你有更具体的问题或需要进一步的指导，请提供更多的上下文信息。我会尽力帮助你！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

凡小多

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值