TypeScript 中的类的访问修饰符

TypeScript 中的类的访问修饰符

在 TypeScript 中,类是一个非常常见的特性,它可以把一些相关的属性和方法组织起来,以便程序员能够更好地结构化代码和管理代码的复杂性。但是,实际上,一个类中包含的所有成员并不是全部都需要暴露给外部使用的。这时,我们需要使用访问修饰符来控制成员的访问权限。

在 TypeScript 中,有 3 种访问修饰符,它们分别是 public、private 和 protected,用于限制成员的访问。下面我们将对这 3 种访问修饰符进行详细介绍。

public

public 是 TypeScript 中默认的访问修饰符,这意味着如果没有手动设置访问修饰符的话,所有的成员都是 public 的。public 成员不受限制,可以在任何地方访问。

示例代码:

----- ------ -
  ------ ----- -------
  ----------------- ------- -
    --------- - -----
  -
  ------ ---------- -
    ------------------- -- ---- -- ----------------
  -
-

----- ------ - --- ---------------
------------------ -- ------ -- ---- -- -----

上面的示例中,name 和 sayHello 均为 public 成员,可以在任何地方被访问。

private

private 成员只能在类内部被访问,不能在类外部被访问。这种成员通常用于隐藏实现细节,以防止外部对类的实现直接进行修改。

示例代码:

----- ------ -
  ------- ---- -------
  ---------------- ------- -
    -------- - ----
  -
  ------ -------- -
    ------ ---------
  -
-

----- ------ - --- -----------
---------------- -- --
----------- -- -------- ----- -- ------- --- ------ -- -------- ------- -- ----- ---------

上面的示例中,age 成员被定义为 private,外部无法访问该成员,但是可以通过公共的 getAge 方法来获取该成员的值。

protected

protected 成员与 private 成员类似,也只能在类的内部访问。但是,与 private 成员不同的是,protected 成员可以在子类中访问。

示例代码:

----- ------ -
  --------- ------- -------
  ------------------- ------- -
    ----------- - -------
  -
-

----- -------- ------- ------ -
  ------- ------- -------
  ------------------- ------- ------- ------- -
    --------------
    ----------- - -------
  -
  ------ ----------- -
    ------ ------------
  -
  ------ ----------- -
    ------ ------------
  -
-

----- -------- - --- ---------------- ------
--------------------- -- ----
--------------------- -- ----

上面的示例中,Person 类中声明了一个 protected 成员 gender,该成员可以在 Employee 类中被访问,但是在类的外部无法访问。

总结

TypeScript 中的访问修饰符可以很好地控制类成员的访问权限,从而保护类的实现细节,提高代码的安全性和可维护性。在编写类的时候,需要根据使用情况和业务需求,选择合适的访问修饰符。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/64675160968c7c53b07b50f1


猜你喜欢

  • 基于 RabbitMQ 的性能优化方法

    前言 随着互联网技术的不断发展,消息中间件已经成为了很多企业必不可少的一部分。而 RabbitMQ 作为一个高可靠、高可用、可扩展的中间件,也越来越受到人们的关注。

    1 年前
  • Redis 数据合并及数据合并前的准备工作

    前言 在前端应用中,数据合并是一个比较常见且具有挑战性的问题。而 Redis 作为一个内存数据库,能够很好地解决这个问题。本文就来介绍一下 Redis 中如何实现数据合并,并分享一些实践经验。

    1 年前
  • 在 Deno 中使用 CI/CD 来构建和部署应用

    介绍 Deno 是一个新兴的 JavaScript 运行时环境,它由 Node.js 的创始人 Ryan Dahl 开发,旨在成为一个安全、现代和更加简洁的运行时环境。

    1 年前
  • React 项目中如何实现数据的缓存处理

    随着 JavaScript 开发技术的不断更新,前端应用的复杂性也不断增加。在现代的前端应用中,数据缓存非常重要,能够让页面更快地响应用户的操作并减轻服务器的负担。

    1 年前
  • GraphQL 的实现原理和技术架构

    前言 随着互联网应用的不断发展,前端开发逐渐成为了应用开发的重要组成部分。而在前后端分离架构中,一个好的数据传输方式非常重要。GraphQL 可以说是一个较为优秀的数据传输方式,能够极大地提升开发效率...

    1 年前
  • Reset CSS 的 bug

    在前端开发中,我们经常会使用 Reset CSS 来重置基础 CSS 样式,以保证不同浏览器的默认样式表现尽量一致。然而,在实际开发中,我们可能会发现 Reset CSS 存在一些 bug,这些 bu...

    1 年前
  • ES11 之 BigInt

    ES11 之 BigInt ES11 在 ECMAScript 的开发历程中作为最新的更新,新增了许多实用的功能。其中之一的 BigInt 数据类型就是这次更新的一大亮点。

    1 年前
  • 使用 Koa2 和 Elasticsearch 实现博客全文检索

    前言 在现今信息爆炸的社会中,我们时常需要查找一些特定的资料。在传统的博客网站中,虽然通过分类、标签等方式可以方便地查找某些文章,但是当我们需要通过文章中一些关键字来查找相关的文章时,就需要借助到全文...

    1 年前
  • 不可不知的 Enzyme 测试工具

    在前端开发过程中,测试是不可或缺的一部分。而对于 React 开发者来说,Enzyme 是一个非常有用的测试工具。它提供了一系列 API,可以帮助开发者方便地测试 React 组件的各种状态和交互行为...

    1 年前
  • Web 无障碍开发:需考虑的技术和方法

    身体残障人群数量庞大,亟需大家关注。而在如今的数字世界,Web 无障碍开发成为了一种时髦的做法。Web 无障碍开发是指提供易于访问和使用的网站和应用程序。本文将讨论如何开发无障碍的 Web 应用程序。

    1 年前
  • 如何在 SASS 中使用 Bootstrap 的 grid 布局

    SASS 和 Bootstrap 都是现代前端开发中广泛使用的工具。SASS 是 CSS 的扩展语言,它使得 CSS 的编写更加高效和有组织;Bootstrap 则是一个流行的 HTML、CSS、Ja...

    1 年前
  • 响应式设计中常见的 4 个网格布局问题及其解决方案

    随着移动设备的普及,响应式设计已经成为了现代 Web 设计的基石之一。而网格布局则是响应式设计中最常用的一种布局方式。在实际开发中,我们常常会遇到各种各样的问题,如何解决这些问题呢? 本文将会介绍响应...

    1 年前
  • Mongoose 如何处理数据的引用关系?

    在使用 Mongoose 进行 MongoDB 数据库操作的时候,我们经常需要关联不同集合(Collections)之间的数据,这时候就需要用到 Mongoose 的数据引用(Reference)功能...

    1 年前
  • ESLint 规则详解

    在前端开发中,代码质量是至关重要的。为了提高代码质量和可维护性,我们往往需要对代码进行一些规范化的检查。而 ESLint 就是一个帮助我们进行代码规范检查的工具。 什么是 ESLint ESLint ...

    1 年前
  • 从 Headless CMS 到全栈开发

    Headless CMS(无头内容管理系统)是一种新兴的内容管理方式。它使得开发人员可以专注于构建前端 UI,而不必担心后端的细节实现。使用 Headless CMS,开发人员可以灵活地选择和使用任何...

    1 年前
  • 在 ES9 中使用模板字符串的标签函数处理模板

    在 ES9 中提供了新的语法特性来处理模板字符串,即标签函数。通过标签函数,我们可以对模板字符串进行更加灵活的处理,包括对表达式的求值、字符串拼接、过滤等操作。在本文中,我们将深入探讨如何使用标签函数...

    1 年前
  • PM2 的日志管理能力

    前言 在 Web 前端开发过程中,我们经常需要遇到以下几个问题: 如何实现应用程序的自动部署? 如何进行应用程序的启停控制? 如何管理应用程序的日志? PM2 是一款基于 Node.js 开发的进...

    1 年前
  • # ES6 中的箭头函数与普通函数的异同

    ES6 中的箭头函数与普通函数的异同 在 ES6 中引入了箭头函数,箭头函数是一个很方便的新特性,可以使代码更加简洁易读。本文将详细介绍箭头函数与普通函数的异同,以及在什么场合使用箭头函数更加适合。

    1 年前
  • Serverless 中的数据传输技巧

    Serverless 架构逐渐成为云计算行业中比较热门的一个话题,利用它可以轻松构建出高度可扩展的应用程序,同时也能够降低成本和管理难度。然而,在使用 Serverless 架构的过程中,开发人员需要...

    1 年前
  • Jest 测试框架:如何进行 Web 应用程序测试

    Jest 测试框架:如何进行 Web 应用程序测试 Jest 是一个由 Facebook 开发的 JavaScript 测试框架,它是用于编写前端测试用例的工具之一。

    1 年前

相关推荐

    暂无文章