news 2026/6/16 6:02:27

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/6/10 20:02:06

Java源码:解锁校园外卖跑腿新体验

基于Java源码构建的校园外卖跑腿系统,通过高并发架构、智能匹配算法、多端协同设计三大核心能力,结合校园场景深度优化,可实现日均3000订单的高效处理,为校园生活服务提供数字化解决方案。以下是具体解析:一、技术架构…

作者头像 李华
网站建设 2026/6/15 20:05:03

智谱清言重大更新后,Open-AutoGLM沉思功能为何集体失效?

第一章:智谱清言的Open-AutoGLM沉思功能还有吗 近期有开发者反馈,在使用智谱清言平台时,发现原本可用的 Open-AutoGLM “沉思”功能似乎不再明显可见。该功能曾用于在生成回答前进行多步逻辑推理,提升复杂任务的准确性。目前经过官…

作者头像 李华
网站建设 2026/6/13 19:37:42

Twinkle Tray(多显示器屏幕亮度调节)

Twinkle Tray是一款针对Windows操作系统的轻量级工具,主要功能是提供快速访问和控制系统设置和常用功能的托盘菜单。 软件功能 隐藏图标:可以隐藏不需要显示在系统托盘中的图标,使任务栏更加干净。 图标管理:提供一个统一的界面来…

作者头像 李华
网站建设 2026/6/10 9:37:15

智谱AutoGLM开源了!你不可错过的7个核心功能详解

第一章:智谱AutoGLM开源项目概述智谱AutoGLM 是由智谱AI推出的一款面向自然语言处理任务的自动化大模型应用框架。该项目基于 GLM 系列大语言模型,旨在降低开发者在复杂NLP场景下的模型调优与部署门槛。通过集成自动提示工程、智能上下文管理与多任务推理…

作者头像 李华