如何使用 Traceur 在 ES6 类中实现私有方法 [重复]

Question

我现在使用 Traceur Compiler 来获得 ES6 功能的优势。

我想从 ES5 中实现这些东西：

function Animal() {
    var self = this,
        sayHi;

    sayHi  = function() {
        self.hi();
    };

    this.hi = function() {/* ... */}
}

目前 traceur 不支持 private 和 public 关键字 (from harmony)。并且 ES6 类语法不允许在类主体中使用简单的var（或let）语句。

我找到的唯一方法是在类声明之前模拟私有。比如：

var sayHi = function() {
    // ... do stuff
};

class Animal {
...

总比没有好，但正如预期的那样，如果没有 apply-ing 或 bind-ing 每次都不能将正确的 this 传递给私有方法。

那么，有没有可能在兼容 Traceur 编译器的 ES6 类中使用私有数据？

Answer 1

当前ECMAScript 6 specification 中没有private、public 或protected 关键字。

所以 Traceur 不支持private 和public。 6to5（目前称为“Babel”）实现this proposal 用于实验目的（另请参阅this discussion）。但毕竟只是提议。

所以现在你可以通过WeakMap 模拟私有属性（参见here）。另一种选择是Symbol - 但它不提供真正的隐私，因为可以通过Object.getOwnPropertySymbols 轻松访问该属性。

恕我直言，此时最好的解决方案是使用伪隐私。如果你经常在你的方法中使用apply 或call，那么这个方法是非常特定于对象的。所以值得在你的类中用下划线前缀声明它：

class Animal {

    _sayHi() {
        // do stuff
    }
}

Answer 2

你总是可以使用普通函数：

function myPrivateFunction() {
  console.log("My property: " + this.prop);
}

class MyClass() {
  constructor() {
    this.prop = "myProp";
    myPrivateFunction.bind(this)();
  }
}

new MyClass(); // 'My property: myProp'

Answer 3

正如 alexpods 所说，在 ES6 中没有专门的方法可以做到这一点。但是，对于那些感兴趣的人，还有一个关于bind operator 的提案，它支持这种语法：

function privateMethod() {
  return `Hello ${this.name}`;
}

export class Animal {
  constructor(name) {
    this.name = name;
  }
  publicMethod() {
    this::privateMethod();
  }
}

再一次，这只是一个建议。您的里程可能会有所不同。

Answer 4

虽然目前无法将方法或属性声明为私有，但ES6 模块不在全局命名空间中。因此，您在模块中声明但未导出的任何内容都将不可用于程序的任何其他部分，但在运行时仍可用于您的模块。因此，您拥有私有属性和方法:)

这是一个例子 （在test.js 文件中）

function tryMe1(a) {
  console.log(a + 2);
}

var tryMe2 = 1234;

class myModule {
  tryMe3(a) {
    console.log(a + 100);
  }

  getTryMe1(a) {
    tryMe1(a);
  }

  getTryMe2() {
    return tryMe2;
  }
}

// Exports just myModule class. Not anything outside of it.
export default myModule; 

在另一个文件中

import MyModule from './test';

let bar = new MyModule();

tryMe1(1); // ReferenceError: tryMe1 is not defined
tryMe2; // ReferenceError: tryMe2 is not defined
bar.tryMe1(1); // TypeError: bar.tryMe1 is not a function
bar.tryMe2; // undefined

bar.tryMe3(1); // 101
bar.getTryMe1(1); // 3
bar.getTryMe2(); // 1234

Answer 5

你可以使用符号

var say = Symbol()

function Cat(){
  this[say]() // call private methos
}

Cat.prototype[say] = function(){ alert('im a private') }

附： alexpods 不正确。他得到保护而不是私有，因为继承是名称冲突

其实你可以用var say = String(Math.random())代替Symbol

在 ES6 中：

var say = Symbol()

class Cat {

  constructor(){
    this[say]() // call private
  }

  [say](){
    alert('im private')
  }

}

Answer 6

我希望这会有所帮助。 :)

我。在IIFE(Immediately-invoked function expression) 中声明变量、函数，这些函数只能在匿名函数中使用。 （当您需要更改 ES6 的代码时，最好使用“let, const”关键字而不使用 'var'。）

let Name = (function() {
  const _privateHello = function() {
  }
  class Name {
    constructor() {
    }
    publicMethod() {
      _privateHello()
    }
  }
  return Name;
})();

二。 WeakMap 对象可以很好地解决内存泄漏问题。

当实例被移除时，WeakMap 中存储的变量也会被移除。检查这篇文章。 (Managing the private data of ES6 classes)

let Name = (function() {
  const _privateName = new WeakMap();
})();

三。让我们把所有东西放在一起。

let Name = (function() {
  const _privateName = new WeakMap();
  const _privateHello = function(fullName) {
    console.log("Hello, " + fullName);
  }

  class Name {
    constructor(firstName, lastName) {
      _privateName.set(this, {firstName: firstName, lastName: lastName});
    }
    static printName(name) {
      let privateName = _privateName.get(name);
      let _fullname = privateName.firstName + " " + privateName.lastName;
      _privateHello(_fullname);
    }
    printName() {
      let privateName = _privateName.get(this);
      let _fullname = privateName.firstName + " " + privateName.lastName;
      _privateHello(_fullname);
    }
  }

  return Name;
})();

var aMan = new Name("JH", "Son");
aMan.printName(); // "Hello, JH Son"
Name.printName(aMan); // "Hello, JH Son"

Answer 7

我想出了一个我认为更好的解决方案：

• 不需要“this._”、that/self、weakmaps、symbols 等。清晰直接的“类”代码

• 私有变量和方法是真正私有的并且具有正确的“this”绑定

• 根本不使用“this”，这意味着代码清晰且不易出错

• 公共接口清晰，作为私有方法的代理与实现分离

• 可以轻松合成

你可以这样做：

function Counter() {
  // public interface
  const proxy = {
    advance,  // advance counter and get new value
    reset,    // reset value
    value     // get value
  }
	
  // private variables and methods
  let count=0;
    
  function advance() {
    return ++count;
  }
    	
  function reset(newCount) {
    count=(newCount || 0);
  }
    	
  function value() {
    return count;
  }
    
  return proxy;
}
    	
let counter=Counter.New();
console.log(counter instanceof Counter); // true
counter.reset(100);
console.log('Counter next = '+counter.advance()); // 101
console.log(Object.getOwnPropertyNames(counter)); // ["advance", "reset", "value"]

<script src="https://cdn.rawgit.com/kofifus/New/7987670c/new.js"></script>

请参阅New 获取代码和更详细的示例，包括构造函数和组合

Answer 8

正如Marcelo Lazaroni 已经说过的，

虽然目前没有办法将方法或属性声明为私有，但 ES6 模块不在全局命名空间中。因此，您在模块中声明但未导出的任何内容都将不可用于程序的任何其他部分，但在运行时仍可用于您的模块。

但他的示例没有显示私有方法如何访问类实例的成员。 Max 向我们展示了一些很好的例子，说明如何通过绑定或在构造函数中使用 lambda 方法来访问实例成员，但我想添加一种更简单的方法：将实例作为参数传递给私有方法。这样做会导致 Max 的 MyClass 看起来像这样：

function myPrivateFunction(myClass) {
  console.log("My property: " + myClass.prop);
}

class MyClass() {
  constructor() {
    this.prop = "myProp";
  }
  testMethod() {
    myPrivateFunction(this);
  }
}
module.exports = MyClass;

您采用哪种方式实际上取决于个人喜好。

Answer 9

您是否考虑过使用工厂函数？ 它们通常是 Javascript 中的 much better alternative to classes or constructor functions。 以下是其工作原理的示例：

function car () {

    var privateVariable = 4

    function privateFunction () {}

    return {

        color: 'red',

        drive: function (miles) {},

        stop: function() {}

        ....

    }

}

感谢闭包，您可以访问返回对象内的所有私有函数和变量，但不能从外部访问它们。