ECMAScript 2018：如何在类中使用 private 和 protected 关键字

ECMAScript 2018 是 JavaScript 的最新标准，其中增加了对类的支持。在类中，我们可以使用 private 和 protected 关键字来限制属性和方法的访问权限。本文将详细介绍如何在类中使用 private 和 protected 关键字，并提供示例代码和指导意义。

private 关键字

private 关键字用于限制类中的属性和方法只能在类内部访问，外部无法访问。在类中使用 private 关键字，需要在属性或方法前加上 # 符号。

示例代码：

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

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

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

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

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

在上面的示例代码中，我们定义了一个 Person 类，其中包含一个私有属性 #name 和两个公有方法 getName 和 setName。在创建 Person 实例后，我们无法直接访问私有属性 #name，但可以通过公有方法 getName 和 setName 来访问和修改 #name 的值。

需要注意的是，private 关键字只能在类中使用，无法在类外部使用。如果在类外部访问类中的私有属性或方法，会导致 SyntaxError。

protected 关键字

protected 关键字用于限制类中的属性和方法只能在类内部和子类中访问，外部无法访问。在类中使用 protected 关键字，需要在属性或方法前加上 _ 符号。

示例代码：

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

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

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

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

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

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

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

在上面的示例代码中，我们定义了一个 Animal 类和一个 Cat 类，其中 Cat 类是 Animal 类的子类。Animal 类中包含一个受保护的属性 _name 和两个公有方法 getName 和 setName。Cat 类中新增了一个方法 meow，可以访问父类中的受保护属性 _name。

在创建 Animal 实例后，我们可以通过公有方法 getName 和 setName 来访问和修改受保护属性 _name 的值。在创建 Cat 实例后，我们无法直接访问受保护属性 _name，但可以通过公有方法 getName 和子类的方法 meow 来访问 _name 的值。

需要注意的是，protected 关键字可以在子类中使用，但无法在类外部使用。如果在类外部访问类中的受保护属性或方法，会导致 ReferenceError。

指导意义

使用 private 和 protected 关键字可以有效地封装类的属性和方法，防止外部直接访问和修改，提高代码的安全性和可维护性。在使用 private 和 protected 关键字时，需要注意以下几点：

  • private 和 protected 关键字只能在类中使用，无法在类外部使用。
  • private 和 protected 关键字不影响属性或方法的值或行为，只限制访问权限。
  • private 和 protected 关键字可以结合使用，如 #_name 表示一个私有受保护属性。
  • private 和 protected 关键字只是一种约定，不能完全防止外部访问和修改，需要配合其他技术手段来保证代码的安全性。

总结

在 ECMAScript 2018 中，我们可以使用 private 和 protected 关键字来限制类中属性和方法的访问权限。private 关键字用于限制类内部访问，protected 关键字用于限制类内部和子类访问。使用 private 和 protected 关键字可以有效地封装类的属性和方法，提高代码的安全性和可维护性。

来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/65c02f2eadd4f0e0ff9eb788

阅读全文

猜你喜欢

  • RxJS 实践：如何使用 map 和 pluck 转换 Observable 数据

    RxJS 是一个功能强大的 JavaScript 库，它使得异步编程变得非常简单。它提供了一种基于可观察序列的编程模型，可以让我们轻松地处理异步数据流。在 RxJS 中，我们可以使用各种操作符来转换和...

    9 个月前
  • Serverless 环境下的日志管理和调试技巧总结

    在 Serverless 架构下，我们通常不用关心服务器的运维和扩容，只需要关注函数的编写和部署。但是，这种架构也带来了一些新的挑战，比如日志管理和调试。在本文中，我们将介绍 Serverless 环...

    9 个月前
  • VUE.js SPA 应用中使用 Keep-alive 组件的正确姿势

    什么是 Keep-alive 组件？ 在 Vue.js 中，Keep-alive 是一个内置组件，它可以用来缓存被包裹的组件实例，从而避免多次创建和销毁组件实例，提高应用的性能。

    9 个月前
  • 使用 TypeScript 进行 GraphQL 开发的经验分享

    GraphQL 是一种 API 查询语言，它提供了一种更高效、更强大的方式来定义和查询 API。TypeScript 是一种强类型的 JavaScript 扩展语言，它可以帮助我们在开发过程中避免类型...

    9 个月前
  • Docker 容器之间互相访问的方法

    Docker 是一个开源的应用容器引擎，可以让开发者将应用程序打包成一个容器，然后在任何地方运行。在使用 Docker 进行应用开发时，我们经常需要在不同的容器之间进行通信。

    9 个月前
  • Sequelize 与 MySQL 的连接池配置和使用方法

    在前端开发中，数据库是不可避免的一部分。Sequelize 是一个 Node.js 的 ORM 框架，可以帮助我们方便地操作数据库，而 MySQL 是一个常用的关系型数据库。

    9 个月前
  • 解决 ES6 中字符串替换出现的问题及其处理方法

    在 ES6 中，字符串替换是一种常见的操作。然而，有时候我们会遇到一些问题，例如替换不完全、替换结果不符合预期等。本文将介绍这些问题的原因，并提供解决方法。 问题描述 假设我们有一个字符串 Hello...

    9 个月前
  • ES10 中新增 BigInt 类型和在 Math 方法中的应用

    在 JavaScript 的新版本 ES10 中，新增了 BigInt 类型，可以用来表示任意大的整数。BigInt 类型的出现，解决了 JavaScript 在处理大整数计算时的精度问题。

    9 个月前
  • Koa2 如何优雅的捕获异常

    Koa2 是一个 Node.js 的 Web 框架，它使用了 ES6 的 async/await 特性，让编写异步代码更加简单。但是，异步代码中的异常处理却是一个比较棘手的问题。

    9 个月前
  • Angular 4 – 与后端 API 交互

    Angular 4 是一款流行的前端框架，它可以与后端 API 交互来获取和更新数据。在本文中，我们将深入探讨 Angular 4 如何与后端 API 交互，并提供示例代码和指导意义。

    9 个月前
  • 使用 Redux-saga 处理同步 / 异步复杂交互操作

    在前端开发中，我们常常需要处理复杂的交互操作，包括同步和异步操作。Redux-saga 是一个用于管理应用程序副作用（例如异步数据获取和访问浏览器缓存）的库，它可以帮助我们更好地处理这些复杂操作。

    9 个月前
  • 如何使用 Node.js 开发 WebSocket 服务器

    WebSocket 是一种实时的网络通信协议，它能够在客户端和服务器之间建立双向通信的连接，使得客户端和服务器可以实时地交换数据。在前端开发中，WebSocket 通常用于实现实时聊天、实时数据推送等...

    9 个月前
  • PM2 如何实现 Node.js 应用的实时在线日志查看

    在 Node.js 应用的开发和部署中，日志是非常重要的一环节。通过查看应用的日志，我们可以了解应用的运行情况、发现问题和优化应用性能等。而在生产环境中，我们需要实时地查看应用的日志，以便及时发现和解...

    9 个月前
  • babel-plugin-lodash 警告 REMOTE 和 DISCONTINUED

    在前端开发中，经常会使用 Lodash 库来处理数据和函数操作。而 babel-plugin-lodash 是一个可以优化 Lodash 库引入的 babel 插件。

    9 个月前
  • 如何使用 Cypress 自动化测试无法通过的表单验证

    前言 在前端开发中，表单验证是一个非常重要的环节。表单验证的目的是为了确保用户输入的数据符合预期，防止用户输入有误或者恶意攻击。我们可以通过前端验证和后端验证来实现表单验证。

    9 个月前
  • Deno 中的权限控制机制详解

    前言 Deno 是一个基于 V8 引擎和 Rust 编写的新一代 JavaScript 运行时环境。与 Node.js 不同，Deno 自带了一套严格的安全机制，对于文件系统、网络、环境变量等操作都需...

    9 个月前
  • 如何使用 Mongoose 对 MongoDB 进行修改操作

    Mongoose 是一个 Node.js 的 MongoDB 对象模型工具，它提供了一种简单的方式来管理 MongoDB 数据库的数据。在本文中，我们将介绍如何使用 Mongoose 对 MongoD...

    9 个月前
  • 解决 Socket.io 掉线重连问题

    在前端开发中，Socket.io 是一个常用的实时通信库。但是在使用过程中，我们可能会遇到 Socket.io 掉线重连的问题，这会导致通信中断，影响用户体验。本文将介绍如何解决 Socket.io ...

    9 个月前
  • Redis 解决长连接及大量请求的问题

    在现代 Web 应用中，长连接和大量请求是非常常见的问题。这些问题会对服务器的性能和可靠性产生影响，导致应用程序的响应变慢和出现错误。为了解决这些问题，Redis 可以作为一个高效的解决方案。

    9 个月前
  • Promise.all() 与 Promise.race() 的区别及使用方法详解

    在前端开发中，异步编程是一项重要的技能。为了解决回调地狱的问题，ES6 引入了 Promise 对象，它是一种更加优雅的处理异步操作的方式。Promise.all() 和 Promise.race()...

    9 个月前

相关推荐

    暂无文章