在 ES6 类中具有私有属性和方法 [重复]

Question

我只是在尝试 ES6，并想将用常规 javascript 编写的部分代码重写为 ES6。现在，我在尝试重写 ES6 类中的私有属性和方法时遇到了困难。似乎 ES6 中的类没有明确提供任何具有私有数据或方法的东西。

另外，我检查了这个线程：Private properties in JavaScript ES6 classes，发现我们可以使用WeakMap 来存储私人数据。这有点奇怪，但它仍然可以解决。我确实设法将它用于私人数据。

但是私有方法呢？在 ES6 类中使用私有方法（甚至是受保护的方法）的推荐方法是什么？

如果有人能向我展示一种使用 ES6 类和私有方法重写这部分代码的干净方法，我将不胜感激。

谢谢。

这是普通的旧 javascript 代码：

function Deferred() {

    // Private data
    var isPending;
    var handlers = {
        resolve: [],
        reject: [],
        notify: []
    };

    // Initialize the instance
    init();

    function init() {
        isPending = true;
        this.promise = new Promise(this);
    }

    // Public methods
    this.resolve = function(value) {
        trigger('resolve', value);
    };

    this.reject = function(reason) {
        trigger('reject', reason);
    };

    this.notify = function(value) {
        trigger('notify', value);
    };

    this.on = function(event, handler) {
        ...
    };

    // Private method
    function trigger (event, params) {
        ...
    }
}

Answer 1

似乎 ES6 中的类没有明确提供任何具有私有数据或方法的东西。

正确。 class 语法适用于具有原型方法的普通类。如果你想要私有变量，你可以像往常一样把它们放在构造函数中：

class Deferred {
    constructor() {
        // initialise private data
        var isPending = true;
        var handlers = {
            resolve: [],
            reject: [],
            notify: []
        };

        // Private method
        function trigger(event, params) {
            ...
        }

        // initialise public properties
        this.promise = new Promise(this);

        // and create privileged methods
        this.resolve = trigger.bind(null, 'resolve');
        this.reject = trigger.bind(null, 'reject');
        this.notify = trigger.bind(null, 'notify');

        this.on = function(event, handler) {
            …
        };
    }
}

Answer 2

您可以使用符号来赋予某种私有成员。

const KEY = Symbol( 'key' )
const ANOTHER = Symbol( 'another' )

class Foo {
  constructor() {
    this[ KEY ] = 'private'
  }

  say() {
    console.log( this[ KEY ] )
  }

  [ ANOTHER ] = 'transpilation required'
}

使用class field 将第二个符号添加到类中，这只是在提议中，需要转译才能在任何地方工作，但其余的在节点和新浏览器中工作。