ts如何使用class类?与js的class类有什么区别?

4 篇文章 0 订阅
1 篇文章 0 订阅

类的简介

类(class): 定义了一切事物的抽象特点(属性和方法)
对象(object): 类的实例(通过 new 来生成)
面向对象特点: 封装,继承,多态

  • 封装: 将操作数据的细节隐藏起来,只暴露接口, 调用者只需要通过接口来访问对象
  • 继承: 子类继承父类, 子类除了拥有父类的特性外还可以拥有更加具体的特性
  • 多态: 同一个方法可以有不同的响应(猫和狗都继承自动物类,但是他们叫声各有不同)

在ts中如何使用class类呢?

定义

class 类名 { }

使用

const 形参 = new 类名(传参)

class Fn {
	name: string = '你吃饭了吗?'
}
const fn = new Fn
console.log(fn.name)

在这里插入图片描述

我这里使用的是 Code Runner这个插件,可以直接执行当前文件
在这里插入图片描述


ts的class类和js的class类有什么区别吗?

ts的特有属性:修饰符

public 公开的

默认公共 public 自由访问程序里定义的变量和方法
在这里插入图片描述

private 私有的

私有的 private 当成员被标记为私有属性,只能在类进行使用,不能外部使用,子类也不可访问

在这里插入图片描述


这边继承也是无法使用的
在这里插入图片描述


使用方式
在这里插入图片描述


protected 受到保护的

受保护的 protected private相似,唯一不同的是,被protected修饰的属性可以在子类中访问
在这里插入图片描述

static 静态的

当类中的方法被声明 为 static 时,其 实例化对象,不可调用该方法,只有类本身 ,以及其子类可以调用。


这里使用实例化打印Fn这个类的时候,会发现定义static的属性已经消失了
在这里插入图片描述


如何获取静态属性呢?
在这里插入图片描述

readonly 只读的

readonly人们常常与const相比,使当前的实例属性是只读的,不可以修改


如何修改实例属性呢?

在这里插入图片描述


修改静态属性
在这里插入图片描述


如何获取readonly的属性
在这里插入图片描述
当你要修改只读属性的时候在这里插入图片描述

小锦囊

staticreadonly 是可以一起使用的.
在这里插入图片描述


但是 划重点了啊
static 必须在前面,因为static决定了你的访问方式,默认是实例化属性,但是是需要先将实例化属性改为静态属性才能继续获取到里面的参数
在这里插入图片描述

  • 5
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
TypeScript(简称 TS)是 JavaScript 的一个超集,它添加了静态型检查和一些其他功能,以提供更强大的开发工具和更高效的开发体验。下面是我对 TypeScript 的理解和 TSJS区别: 1. 型系统:TypeScript 引入了静态型检查,允许开发者在代码中显式地定义变量、函数和对象的型。这样可以在编译阶段发现一些错误,提前解决一些潜在的 bug。型检查也提供了更好的代码提示、自动补全和重构能力,增强了代码的可读性和可维护性。 ```typescript // TypeScript 中的型注解示例 function greet(name: string): string { return `Hello, ${name}!`; } const message: string = greet("John"); console.log(message); // Hello, John! ``` 2. 面向对象编程:TypeScript 支持面向对象编程的概念,包括、接口、继承、泛型等。它提供了更强大的工具来处理复杂的应用程序结构,并提高代码的可重用性和可扩展性。 ```typescript // TypeScript 中的示例 class Person { constructor(public name: string) {} greet() { return `Hello, ${this.name}!`; } } const person = new Person("John"); console.log(person.greet()); // Hello, John! ``` 3. 编译时型检查:TypeScript 在编译阶段进行型检查,通过静态型分析,可以捕获一些常见的错误,如型不匹配、未定义的变量等。这可以帮助开发者在开发过程中及早发现问题,提高代码质量。 4. ECMAScript 标准支持:TypeScript 是基于 ECMAScript 标准的扩展,它兼容最新的 JavaScript 语法和特性,并且可以编译为普通的 JavaScript 代码运行在任何支持 JavaScript 的环境中。 5. 第三方库支持:TypeScript 可以和 JavaScript 一样使用第三方的 JavaScript 库,它提供了声明文件(.d.ts)的机制,用于描述第三方库的型信息,以便在开发过程中获得更好的型检查和代码提示。 总的来说,TypeScript 是在 JavaScript 基础上添加了静态型检查和其他一些功能的编程语言,它通过为 JavaScript 提供更强大的工具和功能来提高开发效率和代码质量。 需要注意的是,TypeScript 需要经过编译的过程,将 TypeScript 代码转换为 JavaScript 代码,然后在浏览器或其他 JavaScript 环境中运行。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值