typescript-类

什么是类?

类是一个具有同样属性和功能的所有"物体"的统一描述。即类表示我们常说的同一个种类。比如:人类、动物类......

类的定义

在ts中我们可以用class来定义一个类。例如,我们定义一个人类

TypeScript 复制代码
class Person{}

类的属性

类的属性表示这个类有哪些特征。比如:人类有名字,性别,年纪....,以上面的Person类为例

TypeScript 复制代码
class Person{
    name:string;
    age:number
}

定义了Person类具有名字和年纪两个属性。

类的方法

类的方法表示这个类可以做哪些事情(即有哪些行为)。比如:人类可以跑,可以跳,可以喊....

以上面的Person类为例

TypeScript 复制代码
class Person{
    run(){
        console.log("我可以跑");
    }
}

类的实例化

即生成一个,属于某一个类的具体的物体。使用new 关键字,比如上方的生成一个人类new Person()

构造函数

构造函数是new真正调用的地方,表示实例化的时候,需要把某些数据传递给这个类,并生成具体的对象。我们可以更改上面的Person类,假如我在生成这个类的时候,需要把这个具体对象的名字和年纪传递过去。

TypeScript 复制代码
Class Person{
    constructor(name:string,age:number){
        this.name=name;
        this.age=age;
    }
}

把以上代码整合一个,这个类有名字和年纪,且能够跑

TypeScript 复制代码
Class Person{
    name:string;
    age:number;
    constructor(name:string,age:number){
        this.name=name;
        this.age=age;
    }
    run():void{
        console.log("我可以跑");
    }
}
let person = new Person("zsf",100);
person.run();
console.log(person);
TypeScript 复制代码
tsc index.ts

编译运行,查看控制台:

相关推荐
To_OC2 小时前
LC 51 N 皇后:我以为难的是回溯,结果栽在了对角线下标
javascript·算法·leetcode
不好听6132 小时前
从一行 JSX 到屏幕像素:前端开发者必须懂的浏览器渲染管线
前端
恒拓高科WorkPlus2 小时前
企业级内网即时通讯建设模型:BeeWorks内网IM四层架构
前端
前端小李子3 小时前
前端环境变量裸奔?我用 EnvShield 给它穿了件防弹衣
前端
youtootech3 小时前
HarmonyOS《柚兔学伴》项目实战25-我的页面、Web 嵌入与项目总结
前端·华为·harmonyos
小林ixn3 小时前
从零到一理解 React 父子组件通信:手写一个 Todo 应用带你彻底搞懂单向数据流
前端·javascript·react.js
醇氧5 小时前
CountDownLatch / CyclicBarrier / Semaphore 面试高频问答清单
前端·面试·职场和发展
窝子面6 小时前
手搓最简前后端协作-node
javascript·数据库
qetfw6 小时前
MXU:Tauri 2 + React 的 MaaFramework 跨平台 GUI 源码
前端·python·react.js·前端框架·开源项目·效率工具