ES6的Public属性和Private属性

最新推荐文章于 2021-11-18 21:15:00 发布

weixin_33720956

最新推荐文章于 2021-11-18 21:15:00 发布

阅读量4k

点赞数 2

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/chinahufei/blog/2997075

版权

本文介绍了ES6的Public属性和Private属性，探讨了Class Fields提案带来的改进，包括直接在类中定义实例属性和静态值，以及Private属性的引入，解决了JavaScript中模拟私有属性的问题。通过示例展示了如何使用这些新特性，并提到了可能的性能影响和在实际应用中的实现方式。

摘要由CSDN通过智能技术生成

2019独角兽企业重金招聘Python工程师标准>>>

这是一个简单的 Player 类，它包含了我们讨论的有关 ES6 类的所有内容。

JavaScript 代码:

class Player {
  constructor() {
    this.points = 0
    this.assists = 0
    this.rebounds = 0
    this.steals = 0
  }
  addPoints(amount) {
    this.points += amount
  }
  addAssist() {
    this.assists++
  }
  addRebound() {
    this.rebounds++
  }
  addSteal() {
    this.steals++
  }
}

我们看看这段代码，我们能不能让它更直观一点呢？方法很好理解，都很自然。那么构造函数呢？什么是 constructor ？为什么我们必须在这里定义实例值？现在，这些问题已经有了答案，但是为什么我们不能向实例中添加 state(状态) ，就像方法那样？比如：

JavaScript 代码:

class Player {
  points = 0
  assists = 0
  rebounds = 0
  steals = 0
  addPoints(amount) {
    this.points += amount
  }
  addAssist() {
    this.assists++
  }
  addRebound() {
    this.rebounds++
  }
  addSteal() {
    this.steals++
  }
}

事实上，这是 Class Fields Declaration 提案的基础，该提案目前处于 TC-39 流程的第3阶段。此提议允许您直接将实例属性添加为类的属性，而无需使用构造方法。非常漂亮，但是如果我们看一些 React 代码，这个提案真的很棒。这是一个典型的 React 组件。它具有本地 state(状态) ，一些方法以及一些静态属性被添加到类中。