news 2026/3/4 13:20:41

TypeScript开发基础(11)——面向对象之对象

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
TypeScript开发基础(11)——面向对象之对象

TypeScript对象可以被视为包含一组键值对的实例。

TypeScript映射实体时,一般将:

(1) 实体的特征、状态转为属性。

(2) 行为、功能转为函数。

TypeScript创建对象的方法一般有以下几种:

(1) 字面方式创建对象,在定义结构的同时创建对象

(2)直接创建匿名对象

(3)使用接口定义结构并创建对象

(4)用类的构造方法创建对象

1. 使用对象字面量直接创建对象

const person={ name:'张三', age:18, birthday:'2003-10-18', hobbies:['篮球','足球'], sayHello:function(){ console.log(`hello,${this.name}`); }, printfInfo:function(){ console.log(`姓名:${this.name},年龄:${this.age}`); console.log(`爱好:${this.hobbies}`); console.log(`生日:${this.birthday}`); } } console.log(person.sayHello()); console.log(person.printfInfo());

2. 直接创建匿名对象

function greet(person: { name: string; age: number }) { return "Hello " + person.name; } console.log(greet({ name: "Bob", age: 25 }));

3. 使用接口定义结构并创建对象

通过 interface 关键字,我们可以给对象类型命名,使其可以在多个地方复用。

interface Person { name: string; age: number; hobbies: string[]; } const person: Person = { name: "Alice", age: 30, hobbies: ["reading", "swimming"] }; console.log(person.hobbies);

4. 用类的构造方法创建对象

class Person { name: string; age: number; hobbies: string[]; constructor(name: string, age: number) { this.name = name; this.age = age; this.hobbies = []; } sayHello() { console.log(`hello,${this.name}`); } printfInfo() { console.log(`姓名:${this.name},年龄:${this.age}`); console.log(`爱好:${this.hobbies}`); } addHobby(hobby: string) { this.hobbies.push(hobby); } } const person1 = new Person("张三", 18); person1.addHobby('篮球'); person1.addHobby('足球'); person1.printfInfo();
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/3/5 0:45:48

第十四周 郭安迪 周报

周一:对测试文档进行检查是否对所有功能进行了测试 是否还存在其他bug。周三:完成测试文档 将其提交,收到来自他组的对本组项目的测试文档,查看并着重看bug报告,对报告中的bug进行思考,是否合理且是否是必须…

作者头像 李华
网站建设 2026/3/4 14:01:08

个人微信API开发优选

在微信深度渗透社交与商业场景的今天,个人微信号已成为企业客户运营、用户触达的核心载体。开发个人微信营销系统、自定义机器人、智能客服及群数据分析工具等需求日益增长,但如何高效实现与微信的交互、调用聊天接口并保障安全稳定,成为开发…

作者头像 李华
网站建设 2026/3/4 1:46:38

Java赋能:同城家政派单系统高效新方案

Java赋能同城家政派单系统的高效新方案,通过微服务架构、智能派单引擎、全流程数字化管理和安全防护体系四大核心能力,重构家政服务价值链,实现供需精准匹配、服务透明可控、数据安全可靠,推动行业向标准化、职业化、数字化方向升…

作者头像 李华
网站建设 2026/3/2 14:21:16

AutoGLM爆火背后的真相:解密Open-AutoGLM Web如何颠覆传统AI开发模式

第一章:AutoGLM爆火背后的真相:解密Open-AutoGLM Web如何颠覆传统AI开发模式近年来,AutoGLM的迅速走红并非偶然。其背后是Open-AutoGLM Web平台对传统AI开发范式的深度重构——从模型构建、训练优化到部署推理,整个流程实现了前所…

作者头像 李华
网站建设 2026/2/28 20:27:03

Open-AutoGLM插件版安装卡住了?资深架构师教你30分钟极速排障

第一章:Open-AutoGLM插件版如何安装在本地环境中部署 Open-AutoGLM 插件版,是实现自动化大模型调用与任务编排的关键第一步。该插件支持主流开发环境,并提供灵活的配置方式,便于快速集成至现有系统。环境准备 在安装前&#xff0c…

作者头像 李华