ES7 中的 Private 名称

在ES7之前，Javascript是没有私有成员或私有方法的概念的。然而，在ES6中，引入了一些新的特性，如类和模块，这为创建私有成员和方法奠定了基础。在ES7中，Javascript引入了对私有名称的支持，因此，我们可以在我们的代码中使用私有成员和方法。

私有名称

在json对象中，我们可以使用下划线 _ 开头来表示私有属性，但是这样的做法并不能真正地把属性保护起来。ES7中的私有名称并不是真正的私有属性，而是使属性名以 # 开头的特殊标记。这样的属性不会出现在枚举中，因此从外部无法访问和修改。例如：

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

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

在这个例子中，我们创建了一个名为 Student 的类，并在其中定义了一个私有属性 #name。我们也定义了一个公共方法 getName()，用于访问私有字段 #name。然后我们创建一个新的 Student 对象，并尝试访问私有字段 #name，但它们将导致 Uncaught SyntaxError。但我们可以使用公共方法 getName() 来访问 #name。这为我们实现了真正的私有成员和方法提供了强大的工具。

为什么要使用私有名称

那么，为什么我们要使用私有名称呢？为什么不能直接访问属性或方法？答案是封装。封装是面向对象编程的一个重要的概念。它使我们可以把类的实现细节隐藏在我们代码的外面，只暴露出一些出口供外部代码调用。这提高了代码的可维护性和可扩展性。使用私有名称可以更好地实现封装。我们可以在类的实现内部维护私有成员和方法，只提供公共方法来访问这些私有成员和方法。

使用私有名称

在使用私有名称时，有几个需要注意的地方。首先，私有名称必须在类的内部声明。使用私有名称的语法是在属性名前加一个 # 符号。如：

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

在这个例子中，我们声明了一个私有成员 #bar, 并在构造函数中初始化它。我们也定义了一个公共方法 getBar()，用于访问私有成员 #bar，在这个示例中，我们只提供了一个 getBar() 方法来访问私有成员 #bar。

总结

ES7 引入了对特定类成员和方法的支持，使我们能够更好地实现封装。使用私有名称可以使类的实现细节更好地隐藏在我们代码的外面。私有名称也提高了代码的可维护性和可扩展性。使用私有名称的语法是在属性名前加一个 # 符号。注意，私有名称必须在类的内部声明。

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

阅读全文

猜你喜欢

  • Sequelize 查询 Where 语句参数化绑定的使用方法

    前言 当我们在使用 Sequelize 构建应用程序时，查询数据库是不可避免的。在查询中，Where 语句是非常常见的，而参数化绑定可以防止 SQL 注入攻击，提高应用安全性。

    9 个月前
  • ES6 中的严格模式使用注意事项

    随着 JavaScript 的不断发展，ES6 在语言层面上提供了更多的新特性和语法，其中严格模式是一个非常重要的特性。通过使用严格模式，我们可以让 JavaScript 的行为更加纯净、安全和可预测...

    9 个月前
  • 解决 Koa2 中的跨域问题

    在前端开发过程中，跨域是一个常见的问题。在 Koa2 中，由于其默认的安全性设置，会对跨域进行一些限制，对于开发人员而言，需要针对这些限制采取相应的措施。 跨域的概念 跨域是指从一个域名的页面去请求另...

    9 个月前
  • 详解 Kubernetes High Availability（HA）架构

    Kubernetes是目前最流行的容器编排平台，为了保证稳定性和可用性，Kubernetes引入了HA（高可用性）架构。本文将仔细解释什么是 Kubernetes HA架构，为什么我们需要它，以及如何...

    9 个月前
  • Redux 实战 —— 电商模块

    Redux 是 React 生态圈中重要的一个库，用于管理应用程序的状态。本文将介绍如何在电商模块中使用 Redux，实现状态的统一管理。 安装 Redux 使用 npm 或 yarn 进行安装： -...

    9 个月前
  • 如何在 Angular 项目中使用 Tailwind

    介绍 在 Web 应用程序中，UI 是非常重要的一部分。而对于前端开发人员来说，CSS 是实现好看的 UI 的基础。然而，CSS 的书写方式比较繁琐，因此出现了一些 CSS 框架来帮助开发人员快速实现...

    9 个月前
  • ESLint 报告 'url' is not defined

    前言 前端开发中，我们经常使用一些全局变量，例如 window、document 等。然而在使用 ESLint 时，遇到了这样的问题：url is not defined。

    9 个月前
  • 优秀的 Next.js 实战教程：修复 “Error: No router instance found” 错误

    背景 Next.js 是一个 React 框架，它提供了很多有用的功能，例如自动代码拆分、服务器渲染等。在实际项目中，我们可能会遇到一些问题，比如 “Error: No router instance...

    9 个月前
  • 解决 Sass 编译过程中出现 “Undefined variable…” 错误

    问题描述 在使用 Sass 编写样式时，有可能会出现“Undefined variable…” 的错误，例如： --------------- ----- --------- - ------ -...

    9 个月前
  • ECMAScript 2020：如何使用动态 import 更好地加载模块

    前言 随着前端技术的发展，Web 应用变得越来越复杂和庞大。为了提高应用的性能和开发效率，前端开发者开始使用模块化的开发方式。在 ECMAScript 2015 标准中，JavaScript 引入了模...

    9 个月前
  • 使用 ES9 的转义序列实现 unicode 码点的识别与处理

    Unicode是一种字符编码标准，它为世界上所有的文字字符都分配了唯一的数字标识，这些标识也被称为码点。在前端开发中，我们经常会遇到需要识别和处理特殊字符的需求，本文将介绍如何使用ES9的转义序列来实...

    9 个月前
  • Chai + Mocha 的测试用例组合实践

    测试是一个软件开发流程不可或缺的环节。为了保证代码的质量和可靠性，前端开发人员也需要编写测试用例。Chai 和 Mocha 是两个流行的 JavaScript 测试框架。

    9 个月前
  • 如何在 Mocha 测试中使用 sinon 进行 mock 和 stub

    在前端开发中，我们常常需要对代码进行测试，以确保其功能正常、性能良好以及可扩展性优异。Mocha 是一个流行的 JavaScript 测试框架，而 Sinon 则是一个帮助开发者轻松进行测试的 Jav...

    9 个月前
  • Webpack 打包优化之 happypack 打包优化

    Webpack 是前端开发中最重要的工具之一，它能够将多个 JS、CSS 文件等打包成一个或多个 bundles，同时还支持各种不同的加载器和插件，帮助我们更高效地开发前端应用。

    9 个月前
  • 使用实例来详解 ES10 中的 String.match() 方法

    使用实例来详解 ES10 中的 String.match() 方法 String.match() 是 JavaScript 内置的字符串方法，用于在字符串中查找匹配的文本并返回匹配结果。

    9 个月前
  • Deno 中的 WebAssembly 使用教程

    WebAssembly 是一种高效、优秀的虚拟机技术，它能够让 Web 浏览器运行高性能的代码，如 C/C++、Rust、Go 等语言编写的程序，将它们编译为 WebAssembly 模块，在浏览器中...

    9 个月前
  • ES12 中的正则表达式如何做到全局搜索

    在 ES12 中，我们可以使用正则表达式来全局搜索文本。这是非常强大的特性，在前端开发中经常用到。本文将详细介绍如何使用 ES12 提供的全局搜索功能，并且提供一些示例代码。

    9 个月前
  • Babel 编译结果中出现 console.log 的问题解决方法

    在前端开发任务中，我们经常会使用到 Babel 工具将 ES6 或更高版本的 JavaScript 代码转换为语法更为兼容的 ES5 代码，以便在当前 Web 浏览器中运行。

    9 个月前
  • 如何基于 HTML5 和 CSS3 实现响应式设计

    HTML5 和 CSS3 是当前前端开发的重要技术，其中响应式设计更是一个必备技能。本文将介绍如何基于 HTML5 和 CSS3 实现响应式设计，并提供详细的说明和示例代码。

    9 个月前
  • Sequelize + Express 实现 API 服务实例详解

    在现代 web 应用程序中，API 服务是不可或缺的一部分，它是将客户端与服务器进行交互的桥梁。本文将介绍如何使用 Sequelize 和 Express 框架来创建一个简单的 API 服务，以便于访...

    9 个月前

相关推荐

    暂无文章