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

2020/11/17 05:22 · javascript ·  · 0评论

我现在使用Traceur编译器来利用ES6功能。

我想从ES5实现这些东西:

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

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

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

目前traceur不支持privatepublic关键字(来自和声)。而且,ES6类语法不允许在类主体中使用简单var(或let)语句。

我发现的唯一方法是在类声明之前模拟私有。就像是:

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

class Animal {
...

那就总比没有好,但可以预料的是,每次都this不能apply-ing或bind-ing它就不能正确传递给私有方法

因此,是否有可能在与Traceur编译器兼容的ES6类中使用私有数据?

有没有privatepublic或者protected在现有的关键字的ECMAScript 6规范

因此Traceur不支持privatepublic6to5(目前称为“ Babel”)出于实验目的实现了该建议(另请参见本讨论)。毕竟,这只是建议。

因此,现在您可以仅通过来模拟私有属性WeakMap(请参阅此处)。另一个选择是Symbol-但它不能提供实际的隐私,因为可以通过轻松访问该属性Object.getOwnPropertySymbols

恕我直言,目前最好的解决方案-仅使用伪隐私。如果您经常使用applycall与您的方法一起使用,则此方法是特定于对象的。因此,值得在类中仅使用下划线前缀声明它:

class Animal {

    _sayHi() {
        // do stuff
    }
}

您可以随时使用正常功能:

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

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

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

尽管当前无法将方法或属性声明为私有,但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

您可以使用符号

var say = Symbol()

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

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

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

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

在ES6中:

var say = Symbol()

class Cat {

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

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

}

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

I.在IIFE(立即调用的函数表达式)中声明vars函数,这些函数只能在匿名函数中使用。(当您需要更改ES6的代码时,最好在不使用'var'的情况下使用“ let,const”关键字。)

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

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

当实例被删除时,WeakMap中存储的变量将被删除。检查这篇文章。管理ES6类的私有数据

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"

正如alexpods所说,ES6中没有专用的方法可以做到这一点。但是,对于那些感兴趣的人,还有一个关于bind运算符的建议,它可以启用这种语法:

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

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

再一次,这只是一个建议。你的旅费可能会改变。

您是否考虑过使用工厂功能?在Java类中,它们通常是更好的替代类或构造函数这是它如何工作的示例:

function car () {

    var privateVariable = 4

    function privateFunction () {}

    return {

        color: 'red',

        drive: function (miles) {},

        stop: function() {}

        ....

    }

}

由于使用了闭包,您可以访问返回对象内部的所有私有函数和变量,但不能从外部访问它们。

正如Marcelo Lazaroni所说,

尽管当前无法将方法或属性声明为私有,但ES6模块不在全局名称空间中。因此,您在模块中声明但未导出的所有内容将无法用于程序的任何其他部分,但在运行时仍可用于模块。

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

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

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

哪种方法真正取决于个人喜好。

我想出了一个更好的解决方案,它允许:

  • 不需要'this ._',that / self,weakmap,符号等。清晰而直接的'class'代码

  • 私有变量和方法实际上是私有的,并具有正确的“ 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>

有关代码,请参见“新建”,以及更多详细的示例,包括构造函数和组成

本文地址:http://javascript.askforanswer.com/ruheshiyongtraceurzaies6leizhongshixiansiyoufangfazhongfu.html
文章标签: ,   ,   ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!