TypeScript基础知识(6) 类 类的访问修饰符 类的只读属性 类与接口 抽象类

类可以用来描述一类具体事物的抽象特征。ES6以前,函数+原型模拟实现类(打一个比喻:女生是类,女朋友是对象,要使用女朋友必须new一个女生称为女朋友后才能使用),ES6开始,JavaScript中有了专门的class,而在TypeScript中,TypeScript不仅可以使用es6下所以类的功能,而且还添加了一些额外的功能和用法。
es6简单继承例子

1.es6方式
class Parent{
   
      constructor(){
   
        this.age=18
      }
    }
    class Child extends Parent{
   
      constructor(){
   
        super();
        this.name = '张三';
      }
    }
    let o1 = new Child();
    console.log(o1.name,o1.age);//张三 18

我们看看TypeScript有什么不一样的地方

class Person {
   
    //给name赋值初始值或者是在构造函数中初始化必须二选一,不然会报错
    name:string 
    age:number//es7语法
    constructor(name:string,age:number){
   
        this.name = name
        this.age = age
    }
}

类的访问修饰符

我们看一下下面的例子

class Person {
   
    //给name赋值初始值或者是在构造函数中初始化必须二选一,不然会报错
    public name:string //es7语法 public就是公有属性
    private age:number//private表示私有属性,只能在类的内部去访问
    protected gender: boolean
    constructor(name:string,age:number){
   
        this.name = name
        this.age = age
        this.gender = true
    }
    sayHi(msg:string):void {
   
        console.log(`I am ${
     this.name},${
     msg}`
  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
TypeScript 接口是面向对象编程的重要概念之一,它们可以帮助开发者创建更加可维护和可扩展的代码。 接口是一种用来定义对象结构的型。它可以定义对象的属性、方法、以及函数型等,但是不会有具体实现。接口可以用来约束函数参数或对象型。例如: ```typescript interface Person { name: string; age: number; sayHi: () => void; } function greet(person: Person) { console.log(`Hello, my name is ${person.name} and I'm ${person.age} years old.`); person.sayHi(); } ``` 在这个例子,我们定义了一个 `Person` 接口,它包含了 `name`、`age` 和 `sayHi` 三个属性。接着我们定义了一个 `greet` 函数,它接一个 `Person` 型的参数并输出问候语。 是一种封装了数据和行为的数据型。它可以通过定义成员变量和成员函数来封装数据和行为,并且可以实例化为对象。例如: ```typescript class Greeter { private greeting: string; constructor(message: string) { this.greeting = message; } public greet() { console.log(`Hello, ${this.greeting}!`); } } const greeter = new Greeter('world'); greeter.greet(); ``` 在这个例子,我们定义了一个 `Greeter` ,它包含了一个私有成员变量 `greeting` 和一个公共成员函数 `greet`。在的构造函数,我们初始化了 `greeting` 成员变量。接着我们创建了一个 `Greeter` 的实例,并调用 `greet` 函数输出问候语。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值