访问私人部件的变量,从原型的定义功能
-
22-07-2019 - |
题
是否有任何方式使"私人"变量(这些定义在构造),提供给原型的定义的方法?
TestClass = function(){
var privateField = "hello";
this.nonProtoHello = function(){alert(privateField)};
};
TestClass.prototype.prototypeHello = function(){alert(privateField)};
这个工作:
t.nonProtoHello()
但是,这并不:
t.prototypeHello()
我用来界定我的方法里面的构造,但我移动的距离,几个原因。
解决方案
没有,有没有办法做到这一点。这将从根本上是相反的划定范围。
在构造函数中定义的方法可以访问私有变量,因为所有的功能可以访问它们被限定的范围。
在一个原型中定义的方法没有构造的范围内定义的,并且将不能访问到构造的局部变量。
您仍然可以有私有变量,但如果你想在原型定义的方法来访问它们,你应该定义this
对象上的getter和setter,其原型方法(与其他内容一起)的将访问。例如:
function Person(name, secret) {
// public
this.name = name;
// private
var secret = secret;
// public methods have access to private members
this.setSecret = function(s) {
secret = s;
}
this.getSecret = function() {
return secret;
}
}
// Must use getters/setters
Person.prototype.spillSecret = function() { alert(this.getSecret()); };
其他提示
更新:随着ES6,有一种更好的方法:
长话短说,你可以使用新的Symbol
创建私有字段。点击
这里有一个很好的说明: https://curiosity-driven.org/private-properties-in-javascript
示例:
var Person = (function() {
// Only Person can access nameSymbol
var nameSymbol = Symbol('name');
function Person(name) {
this[nameSymbol] = name;
}
Person.prototype.getName = function() {
return this[nameSymbol];
};
return Person;
}());
对于所有的现代浏览器与ES5:
您可以只使用瓶盖
构造对象最简单的方法是完全避免原型继承。 只要定义私有变量和公共职能的闭包内,并且所有的公共方法必须将私有变量的访问。
或者你可以只使用原型
在JavaScript中,原型继承是主要优化。它允许多个实例共享原型方法,而不是它自己的方法每个实例。结果
缺点是this
是在仅的事情每一个原型函数被调用时间是不同的。结果
因此,任何私有字段必须通过this
访问,这意味着他们将是公开的。所以,我们只是坚持命名约定_private
领域。
不要打扰与原型混合瓶盖
我觉得你的不该与原型方法混合闭包变量。您应该使用一个或另一个。
当您使用的封闭件来访问专用变量,原型方法不能访问变量。所以,你必须关闭曝光在this
,这意味着你公开暴露它这种或那种方式。有很少获得这种方法。
我该选择哪一个?
有关真正简单对象,只是使用带密封盖一个普通对象。
如果您需要原型继承 - 继承,性能等 - 然后用“_private”坚持命名约定,并且不与理会封
我不明白为什么JS开发商着急做出领域真正私有的。
当我读到这,这听起来像一个严峻的挑战,所以我决定想出一个办法。我想出了 CRAAAAZY ,但它完全有效。
首先,我试图立刻函数定义类,所以你可以访问一些功能的私有财产。这工作,并让你获得一些私人数据,但是,如果你尝试设置你很快就会发现,所有的对象都共享相同的值的私有数据。
var SharedPrivateClass = (function() { // use immediate function
// our private data
var private = "Default";
// create the constructor
function SharedPrivateClass() {}
// add to the prototype
SharedPrivateClass.prototype.getPrivate = function() {
// It has access to private vars from the immediate function!
return private;
};
SharedPrivateClass.prototype.setPrivate = function(value) {
private = value;
};
return SharedPrivateClass;
})();
var a = new SharedPrivateClass();
console.log("a:", a.getPrivate()); // "a: Default"
var b = new SharedPrivateClass();
console.log("b:", b.getPrivate()); // "b: Default"
a.setPrivate("foo"); // a Sets private to "foo"
console.log("a:", a.getPrivate()); // "a: foo"
console.log("b:", b.getPrivate()); // oh no, b.getPrivate() is "foo"!
console.log(a.hasOwnProperty("getPrivate")); // false. belongs to the prototype
console.log(a.private); // undefined
// getPrivate() is only created once and instanceof still works
console.log(a.getPrivate === b.getPrivate);
console.log(a instanceof SharedPrivateClass);
console.log(b instanceof SharedPrivateClass);
有很多情况下,这将是足够的一样,如果你想有这样的情况下,得到之间共享事件名称常数值。但本质上,它们像私人静态变量。
如果您确实需要从原型定义你的方法内部访问的变量在一个私人的命名空间,你可以尝试这种模式。
var PrivateNamespaceClass = (function() { // immediate function
var instance = 0, // counts the number of instances
defaultName = "Default Name",
p = []; // an array of private objects
// create the constructor
function PrivateNamespaceClass() {
// Increment the instance count and save it to the instance.
// This will become your key to your private space.
this.i = instance++;
// Create a new object in the private space.
p[this.i] = {};
// Define properties or methods in the private space.
p[this.i].name = defaultName;
console.log("New instance " + this.i);
}
PrivateNamespaceClass.prototype.getPrivateName = function() {
// It has access to the private space and it's children!
return p[this.i].name;
};
PrivateNamespaceClass.prototype.setPrivateName = function(value) {
// Because you use the instance number assigned to the object (this.i)
// as a key, the values set will not change in other instances.
p[this.i].name = value;
return "Set " + p[this.i].name;
};
return PrivateNamespaceClass;
})();
var a = new PrivateNamespaceClass();
console.log(a.getPrivateName()); // Default Name
var b = new PrivateNamespaceClass();
console.log(b.getPrivateName()); // Default Name
console.log(a.setPrivateName("A"));
console.log(b.setPrivateName("B"));
console.log(a.getPrivateName()); // A
console.log(b.getPrivateName()); // B
// private objects are not accessible outside the PrivateNamespaceClass function
console.log(a.p);
// the prototype functions are not re-created for each instance
// and instanceof still works
console.log(a.getPrivateName === b.getPrivateName);
console.log(a instanceof PrivateNamespaceClass);
console.log(b instanceof PrivateNamespaceClass);
我喜欢任何人谁看到一个错误与做的这样一些反馈。
看到这个 道格·克罗克福德的页面。您有什么可以访问私有变量的范围做间接的。
另一示例:
Incrementer = function(init) {
var counter = init || 0; // "counter" is a private variable
this._increment = function() { return counter++; }
this._set = function(x) { counter = x; }
}
Incrementer.prototype.increment = function() { return this._increment(); }
Incrementer.prototype.set = function(x) { return this._set(x); }
使用情况:
js>i = new Incrementer(100);
[object Object]
js>i.increment()
100
js>i.increment()
101
js>i.increment()
102
js>i.increment()
103
js>i.set(-44)
js>i.increment()
-44
js>i.increment()
-43
js>i.increment()
-42
我认为它很可能是一个好主意来形容“具有在构造函数原型分配”作为一个Javascript的反模式。想想吧。这是太危险。
你实际上在做那里创建第二个对象是什么(即B)被重新定义该函数原型为使用该原型的所有对象。这将有效地重置您的例子为对象的值。如果你想有一个共享变量,将工作,如果你碰巧前面创建的所有对象实例,但感觉这样太危险了。
我发现,这个确切的反模式是由于在一些JavaScript我最近工作的一个错误。它试图建立一个阻力和正在创建的特定对象上滴处理,但被改为做它的所有实例。也不好。
道格Crockford的溶液是最好的。
@Kai
这将无法工作。如果你
var t2 = new TestClass();
然后t2.prototypeHello
将访问吨的私人部分。
@AnglesCrimes
的示例代码工作得很好,但它实际上创建由所有实例共享一个“静态”私有成员。它可能不是该溶液morgancodes寻找。
到目前为止,我还没有找到一个简单和干净的方式做到这一点,而不会引入私人哈希和额外的清除功能。专用成员函数可以被模拟到一定程度:
(function() {
function Foo() { ... }
Foo.prototype.bar = function() {
privateFoo.call(this, blah);
};
function privateFoo(blah) {
// scoped to the instance by passing this to call
}
window.Foo = Foo;
}());
是的,这是可能的。PPF设计模式正好解决了这个问题。
PPF 代表私有原型函数。基本 PPF 解决了这些问题:
- 原型函数可以访问私有实例数据。
- 原型函数可以设为私有。
首先,只需:
- 将您想要从原型函数访问的所有私有实例变量放入单独的数据容器中,并且
- 将数据容器的引用作为参数传递给所有原型函数。
就是这么简单。例如:
// Helper class to store private data.
function Data() {};
// Object constructor
function Point(x, y)
{
// container for private vars: all private vars go here
// we want x, y be changeable via methods only
var data = new Data;
data.x = x;
data.y = y;
...
}
// Prototype functions now have access to private instance data
Point.prototype.getX = function(data)
{
return data.x;
}
Point.prototype.getY = function(data)
{
return data.y;
}
...
在这里阅读完整的故事:
可以实际上通过使用实现这个的访问器验证强>:
(function(key, global) {
// Creates a private data accessor function.
function _(pData) {
return function(aKey) {
return aKey === key && pData;
};
}
// Private data accessor verifier. Verifies by making sure that the string
// version of the function looks normal and that the toString function hasn't
// been modified. NOTE: Verification can be duped if the rogue code replaces
// Function.prototype.toString before this closure executes.
function $(me) {
if(me._ + '' == _asString && me._.toString === _toString) {
return me._(key);
}
}
var _asString = _({}) + '', _toString = _.toString;
// Creates a Person class.
var PersonPrototype = (global.Person = function(firstName, lastName) {
this._ = _({
firstName : firstName,
lastName : lastName
});
}).prototype;
PersonPrototype.getName = function() {
var pData = $(this);
return pData.firstName + ' ' + pData.lastName;
};
PersonPrototype.setFirstName = function(firstName) {
var pData = $(this);
pData.firstName = firstName;
return this;
};
PersonPrototype.setLastName = function(lastName) {
var pData = $(this);
pData.lastName = lastName;
return this;
};
})({}, this);
var chris = new Person('Chris', 'West');
alert(chris.setFirstName('Christopher').setLastName('Webber').getName());
这个例子来自我的一篇关于原型函数与私有数据并在那里更详细地解释。
在当前的JavaScript,我相当肯定,有的一个的和的唯一的办法有私有状态,从<强大的访问>原型强>的功能,而无需添加任何的公共以this
。答案是使用“弱地图”图案。
要概括:该Person
类具有单个弱地图,其中所述键是人的情况下,和值是用于私有存储普通的对象
下面是一个全功能的例子:(在 http://jsfiddle.net/ScottRippey/BLNVr/ <播放/ A>)
var Person = (function() {
var _ = weakMap();
// Now, _(this) returns an object, used for private storage.
var Person = function(first, last) {
// Assign private storage:
_(this).firstName = first;
_(this).lastName = last;
}
Person.prototype = {
fullName: function() {
// Retrieve private storage:
return _(this).firstName + _(this).lastName;
},
firstName: function() {
return _(this).firstName;
},
destroy: function() {
// Free up the private storage:
_(this, true);
}
};
return Person;
})();
function weakMap() {
var instances=[], values=[];
return function(instance, destroy) {
var index = instances.indexOf(instance);
if (destroy) {
// Delete the private state:
instances.splice(index, 1);
return values.splice(index, 1)[0];
} else if (index === -1) {
// Create the private state:
instances.push(instance);
values.push({});
return values[values.length - 1];
} else {
// Return the private state:
return values[index];
}
};
}
就像我说的,这是真正实现所有3个部分的唯一途径。
有两个警告,但是。首先,这种成本表现 - 每次访问私人数据的时候,它是一个O(n)
操作,其中n
是实例的数量。所以,你不会想,如果你有大量的实例来做到这一点。
其次,当你用一个实例做,你必须调用destroy
;否则,实例和数据不会被垃圾收集,你会得到一个内存泄漏而告终。
这就是为什么我原来的答复,“你不应该” ,是我想坚持到。
有通过利用使用bind
和call
方法更简单的方法。
通过私有变量设置为一个对象,你可以利用该对象的范围。
实施例
function TestClass (value) {
// The private value(s)
var _private = {
value: value
};
// `bind` creates a copy of `getValue` when the object is instantiated
this.getValue = TestClass.prototype.getValue.bind(_private);
// Use `call` in another function if the prototype method will possibly change
this.getValueDynamic = function() {
return TestClass.prototype.getValue.call(_private);
};
};
TestClass.prototype.getValue = function() {
return this.value;
};
此方法也不是没有缺点。由于范围上下文有效地被覆盖,你没有_private
对象的外部访问。然而,这是不可能的,虽然仍然给访问该实例对象的范围。可以在该对象的上下文(this
)作为第二个参数传递给bind
或call
到仍可以访问它在原型函数公共值。
访问公共值
function TestClass (value) {
var _private = {
value: value
};
this.message = "Hello, ";
this.getMessage = TestClass.prototype.getMessage.bind(_private, this);
}
TestClass.prototype.getMessage = function(_public) {
// Can still access passed in arguments
// e.g. – test.getValues('foo'), 'foo' is the 2nd argument to the method
console.log([].slice.call(arguments, 1));
return _public.message + this.value;
};
var test = new TestClass("World");
test.getMessage(1, 2, 3); // [1, 2, 3] (console.log)
// => "Hello, World" (return value)
test.message = "Greetings, ";
test.getMessage(); // [] (console.log)
// => "Greetings, World" (return value)
试试吧!
function Potatoe(size) {
var _image = new Image();
_image.src = 'potatoe_'+size+'.png';
function getImage() {
if (getImage.caller == null || getImage.caller.owner != Potatoe.prototype)
throw new Error('This is a private property.');
return _image;
}
Object.defineProperty(this,'image',{
configurable: false,
enumerable: false,
get : getImage
});
Object.defineProperty(this,'size',{
writable: false,
configurable: false,
enumerable: true,
value : size
});
}
Potatoe.prototype.draw = function(ctx,x,y) {
//ctx.drawImage(this.image,x,y);
console.log(this.image);
}
Potatoe.prototype.draw.owner = Potatoe.prototype;
var pot = new Potatoe(32);
console.log('Potatoe size: '+pot.size);
try {
console.log('Potatoe image: '+pot.image);
} catch(e) {
console.log('Oops: '+e);
}
pot.draw();
这就是我想出了。
(function () {
var staticVar = 0;
var yrObj = function () {
var private = {"a":1,"b":2};
var MyObj = function () {
private.a += staticVar;
staticVar++;
};
MyObj.prototype = {
"test" : function () {
console.log(private.a);
}
};
return new MyObj;
};
window.YrObj = yrObj;
}());
var obj1 = new YrObj;
var obj2 = new YrObj;
obj1.test(); // 1
obj2.test(); // 2
这个实现的主要问题是,它重新定义在每个instanciation原型。
有一个很简单的方法来做到这
function SharedPrivate(){
var private = "secret";
this.constructor.prototype.getP = function(){return private}
this.constructor.prototype.setP = function(v){ private = v;}
}
var o1 = new SharedPrivate();
var o2 = new SharedPrivate();
console.log(o1.getP()); // secret
console.log(o2.getP()); // secret
o1.setP("Pentax Full Frame K1 is on sale..!");
console.log(o1.getP()); // Pentax Full Frame K1 is on sale..!
console.log(o2.getP()); // Pentax Full Frame K1 is on sale..!
o2.setP("And it's only for $1,795._");
console.log(o1.getP()); // And it's only for $1,795._
JavaScript的原型是金色的。
我迟到了,但我想我能做出贡献。在此,检查了这一点:
// 1. Create closure
var SomeClass = function() {
// 2. Create `key` inside a closure
var key = {};
// Function to create private storage
var private = function() {
var obj = {};
// return Function to access private storage using `key`
return function(testkey) {
if(key === testkey) return obj;
// If `key` is wrong, then storage cannot be accessed
console.error('Cannot access private properties');
return undefined;
};
};
var SomeClass = function() {
// 3. Create private storage
this._ = private();
// 4. Access private storage using the `key`
this._(key).priv_prop = 200;
};
SomeClass.prototype.test = function() {
console.log(this._(key).priv_prop); // Using property from prototype
};
return SomeClass;
}();
// Can access private property from within prototype
var instance = new SomeClass();
instance.test(); // `200` logged
// Cannot access private property from outside of the closure
var wrong_key = {};
instance._(wrong_key); // undefined; error logged
我把这种方法的存取模式即可。其基本思想是,我们有一个的关闭的,一个的键的闭包中,我们创建的私有对象的(构造函数),可以如果你有键才可以访问的。
如果你有兴趣,你可以在的我的文章。使用这种方法,你可以每无法关闭外部访问对象属性创建。因此,你可以在构造函数或原型使用它们,但没有任何其他地方。我还没有看到任何地方使用这种方法,但我认为这是真的很强大。
这里的东西,我拿出在试图找到这个问题最简单的办法,也许它可能是有用的人。我是新来的JavaScript,所以很可能是一些问题的代码。
// pseudo-class definition scope
(function () {
// this is used to identify 'friend' functions defined within this scope,
// while not being able to forge valid parameter for GetContext()
// to gain 'private' access from outside
var _scope = new (function () { })();
// -----------------------------------------------------------------
// pseudo-class definition
this.Something = function (x) {
// 'private' members are wrapped into context object,
// it can be also created with a function
var _ctx = Object.seal({
// actual private members
Name: null,
Number: null,
Somefunc: function () {
console.log('Something(' + this.Name + ').Somefunc(): number = ' + this.Number);
}
});
// -----------------------------------------------------------------
// function below needs to be defined in every class
// to allow limited access from prototype
this.GetContext = function (scope) {
if (scope !== _scope) throw 'access';
return _ctx;
}
// -----------------------------------------------------------------
{
// initialization code, if any
_ctx.Name = (x !== 'undefined') ? x : 'default';
_ctx.Number = 0;
Object.freeze(this);
}
}
// -----------------------------------------------------------------
// prototype is defined only once
this.Something.prototype = Object.freeze({
// public accessors for 'private' field
get Number() { return this.GetContext(_scope).Number; },
set Number(v) { this.GetContext(_scope).Number = v; },
// public function making use of some private fields
Test: function () {
var _ctx = this.GetContext(_scope);
// access 'private' field
console.log('Something(' + _ctx.Name + ').Test(): ' + _ctx.Number);
// call 'private' func
_ctx.Somefunc();
}
});
// -----------------------------------------------------------------
// wrap is used to hide _scope value and group definitions
}).call(this);
function _A(cond) { if (cond !== true) throw new Error('assert failed'); }
// -----------------------------------------------------------------
function test_smth() {
console.clear();
var smth1 = new Something('first'),
smth2 = new Something('second');
//_A(false);
_A(smth1.Test === smth2.Test);
smth1.Number = 3;
smth2.Number = 5;
console.log('smth1.Number: ' + smth1.Number + ', smth2.Number: ' + smth2.Number);
smth1.Number = 2;
smth2.Number = 6;
smth1.Test();
smth2.Test();
try {
var ctx = smth1.GetContext();
} catch (err) {
console.log('error: ' + err);
}
}
test_smth();
我面对完全一样的问题,今天并制定斯科特Rippey一流的响应后,我想出了一个非常简单的解决方案(恕我直言)是与ES5和高效的同时兼容,也就是名称冲突安全(使用_private似乎不安全)。
/*jslint white: true, plusplus: true */
/*global console */
var a, TestClass = (function(){
"use strict";
function PrefixedCounter (prefix) {
var counter = 0;
this.count = function () {
return prefix + (++counter);
};
}
var TestClass = (function(){
var cls, pc = new PrefixedCounter("_TestClass_priv_")
, privateField = pc.count()
;
cls = function(){
this[privateField] = "hello";
this.nonProtoHello = function(){
console.log(this[privateField]);
};
};
cls.prototype.prototypeHello = function(){
console.log(this[privateField]);
};
return cls;
}());
return TestClass;
}());
a = new TestClass();
a.nonProtoHello();
a.prototypeHello();
与ringojs和测试的NodeJS。我渴望去阅读你的意见。
var getParams = function(_func) {
res = _func.toString().split('function (')[1].split(')')[0].split(',')
return res
}
function TestClass(){
var private = {hidden: 'secret'}
//clever magic accessor thing goes here
if ( !(this instanceof arguments.callee) ) {
for (var key in arguments) {
if (typeof arguments[key] == 'function') {
var keys = getParams(arguments[key])
var params = []
for (var i = 0; i <= keys.length; i++) {
if (private[keys[i]] != undefined) {
params.push(private[keys[i]])
}
}
arguments[key].apply(null,params)
}
}
}
}
TestClass.prototype.test = function(){
var _hidden; //variable I want to get
TestClass(function(hidden) {_hidden = hidden}) //invoke magic to get
};
new TestClass().test()
这个怎么样?使用私人访问。只有让你获得变量虽然没有对其进行设置,取决于所使用的情况。
我有一个解决方案,但我不确定它是否没有缺陷。
为了使其工作,您必须使用以下结构:
- 使用 1 个包含所有私有变量的私有对象。
- 使用 1 个实例函数。
- 将闭包应用于构造函数和所有原型函数。
- 创建的任何实例都是在定义的闭包之外完成的。
这是代码:
var TestClass =
(function () {
// difficult to be guessed.
var hash = Math.round(Math.random() * Math.pow(10, 13) + + new Date());
var TestClass = function () {
var privateFields = {
field1: 1,
field2: 2
};
this.getPrivateFields = function (hashed) {
if(hashed !== hash) {
throw "Cannot access private fields outside of object.";
// or return null;
}
return privateFields;
};
};
TestClass.prototype.prototypeHello = function () {
var privateFields = this.getPrivateFields(hash);
privateFields.field1 = Math.round(Math.random() * 100);
privateFields.field2 = Math.round(Math.random() * 100);
};
TestClass.prototype.logField1 = function () {
var privateFields = this.getPrivateFields(hash);
console.log(privateFields.field1);
};
TestClass.prototype.logField2 = function () {
var privateFields = this.getPrivateFields(hash);
console.log(privateFields.field2);
};
return TestClass;
})();
它的工作原理是,它提供了一个实例函数“this.getPrivateFields”来访问“privateFields”私有变量对象,但该函数只会返回定义的主闭包内的“privateFields”对象(也使用“this.getPrivateFields”的原型函数) " 需要在这个闭包内定义)。
使用运行时产生的难以猜测的哈希值作为参数,以确保即使在闭包范围之外调用“getPrivateFields”也不会返回“privateFields”对象。
缺点是我们无法在闭包之外使用更多原型函数来扩展 TestClass。
这是一些测试代码:
var t1 = new TestClass();
console.log('Initial t1 field1 is: ');
t1.logField1();
console.log('Initial t1 field2 is: ');
t1.logField2();
t1.prototypeHello();
console.log('t1 field1 is now: ');
t1.logField1();
console.log('t1 field2 is now: ');
t1.logField2();
var t2 = new TestClass();
console.log('Initial t2 field1 is: ');
t2.logField1();
console.log('Initial t2 field2 is: ');
t2.logField2();
t2.prototypeHello();
console.log('t2 field1 is now: ');
t2.logField1();
console.log('t2 field2 is now: ');
t2.logField2();
console.log('t1 field1 stays: ');
t1.logField1();
console.log('t1 field2 stays: ');
t1.logField2();
t1.getPrivateFields(11233);
编辑:使用这种方法,还可以“定义”私有函数。
TestClass.prototype.privateFunction = function (hashed) {
if(hashed !== hash) {
throw "Cannot access private function.";
}
};
TestClass.prototype.prototypeHello = function () {
this.privateFunction(hash);
};
当时玩弄今天这个,这是我能找到不使用符号的唯一解决方案。关于这个最好的事情是它实际上都是完全私有的。
该解决方案基于围绕自行开发模块加载程序基本上成为一个专用存储缓存(使用弱映射)介体。
const loader = (function() {
function ModuleLoader() {}
//Static, accessible only if truly needed through obj.constructor.modules
//Can also be made completely private by removing the ModuleLoader prefix.
ModuleLoader.modulesLoaded = 0;
ModuleLoader.modules = {}
ModuleLoader.prototype.define = function(moduleName, dModule) {
if (moduleName in ModuleLoader.modules) throw new Error('Error, duplicate module');
const module = ModuleLoader.modules[moduleName] = {}
module.context = {
__moduleName: moduleName,
exports: {}
}
//Weak map with instance as the key, when the created instance is garbage collected or goes out of scope this will be cleaned up.
module._private = {
private_sections: new WeakMap(),
instances: []
};
function private(action, instance) {
switch (action) {
case "create":
if (module._private.private_sections.has(instance)) throw new Error('Cannot create private store twice on the same instance! check calls to create.')
module._private.instances.push(instance);
module._private.private_sections.set(instance, {});
break;
case "delete":
const index = module._private.instances.indexOf(instance);
if (index == -1) throw new Error('Invalid state');
module._private.instances.slice(index, 1);
return module._private.private_sections.delete(instance);
break;
case "get":
return module._private.private_sections.get(instance);
break;
default:
throw new Error('Invalid action');
break;
}
}
dModule.call(module.context, private);
ModuleLoader.modulesLoaded++;
}
ModuleLoader.prototype.remove = function(moduleName) {
if (!moduleName in (ModuleLoader.modules)) return;
/*
Clean up as best we can.
*/
const module = ModuleLoader.modules[moduleName];
module.context.__moduleName = null;
module.context.exports = null;
module.cotext = null;
module._private.instances.forEach(function(instance) { module._private.private_sections.delete(instance) });
for (let i = 0; i < module._private.instances.length; i++) {
module._private.instances[i] = undefined;
}
module._private.instances = undefined;
module._private = null;
delete ModuleLoader.modules[moduleName];
ModuleLoader.modulesLoaded -= 1;
}
ModuleLoader.prototype.require = function(moduleName) {
if (!(moduleName in ModuleLoader.modules)) throw new Error('Module does not exist');
return ModuleLoader.modules[moduleName].context.exports;
}
return new ModuleLoader();
})();
loader.define('MyModule', function(private_store) {
function MyClass() {
//Creates the private storage facility. Called once in constructor.
private_store("create", this);
//Retrieve the private storage object from the storage facility.
private_store("get", this).no = 1;
}
MyClass.prototype.incrementPrivateVar = function() {
private_store("get", this).no += 1;
}
MyClass.prototype.getPrivateVar = function() {
return private_store("get", this).no;
}
this.exports = MyClass;
})
//Get whatever is exported from MyModule
const MyClass = loader.require('MyModule');
//Create a new instance of `MyClass`
const myClass = new MyClass();
//Create another instance of `MyClass`
const myClass2 = new MyClass();
//print out current private vars
console.log('pVar = ' + myClass.getPrivateVar())
console.log('pVar2 = ' + myClass2.getPrivateVar())
//Increment it
myClass.incrementPrivateVar()
//Print out to see if one affected the other or shared
console.log('pVar after increment = ' + myClass.getPrivateVar())
console.log('pVar after increment on other class = ' + myClass2.getPrivateVar())
//Clean up.
loader.remove('MyModule')
我知道它已经超过1个十年,因为这是被问过,但我只是把我的想法对这个在我的程序员的生活n次,并发现了一个可能的解决方案,我不知道如果我完全一样呢。我还没有见过这种方法之前记录在案,所以我将它命名为 “私有/公共美元模式” 或 _ $ / $模式的
var ownFunctionResult = this.$("functionName"[, arg1[, arg2 ...]]);
var ownFieldValue = this._$("fieldName"[, newValue]);
var objectFunctionResult = objectX.$("functionName"[, arg1[, arg2 ...]]);
//Throws an exception. objectX._$ is not defined
var objectFieldValue = objectX._$("fieldName"[, newValue]);
的概念使用的的ClassDefinition 函数,返回一个返回接口对象的构造功能。该接口的唯一方法是$
其接收name
参数来调用相应的功能在构造对象,name
后经过任何附加的参数被传递在调用。
在全局定义的辅助函数ClassValues
存储在所有领域的根据需要的对象。它定义了_$
功能通过name
访问它们。这遵循短获取/设置模式,所以如果value
通过,它将被用作为新的变量值。
var ClassValues = function (values) {
return {
_$: function _$(name, value) {
if (arguments.length > 1) {
values[name] = value;
}
return values[name];
}
};
};
在全局定义的函数Interface
接受一个对象和一个Values
对象与一种单功能_interface
用于检查$
找到一个参数obj
后命名的函数,并与name
作为作用域调用它返回一个values
对象。传递给$
的附加参数将在函数调用被传递。
var Interface = function (obj, values, className) {
var _interface = {
$: function $(name) {
if (typeof(obj[name]) === "function") {
return obj[name].apply(values, Array.prototype.splice.call(arguments, 1));
}
throw className + "." + name + " is not a function.";
}
};
//Give values access to the interface.
values.$ = _interface.$;
return _interface;
};
在下面的示例,ClassX
被分配给ClassDefinition
的结果,这是Constructor
功能。 Constructor
可以接收任意数量的参数。 Interface
是什么外部代码调用构造函数后得到。
var ClassX = (function ClassDefinition () {
var Constructor = function Constructor (valA) {
return Interface(this, ClassValues({ valA: valA }), "ClassX");
};
Constructor.prototype.getValA = function getValA() {
//private value access pattern to get current value.
return this._$("valA");
};
Constructor.prototype.setValA = function setValA(valA) {
//private value access pattern to set new value.
this._$("valA", valA);
};
Constructor.prototype.isValAValid = function isValAValid(validMessage, invalidMessage) {
//interface access pattern to call object function.
var valA = this.$("getValA");
//timesAccessed was not defined in constructor but can be added later...
var timesAccessed = this._$("timesAccessed");
if (timesAccessed) {
timesAccessed = timesAccessed + 1;
} else {
timesAccessed = 1;
}
this._$("timesAccessed", timesAccessed);
if (valA) {
return "valA is " + validMessage + ".";
}
return "valA is " + invalidMessage + ".";
};
return Constructor;
}());
有是在具有Constructor
非原型的功能,虽然可以在构造函数体定义它们没有意义的。所有功能都被称为用的公共美元模式的this.$("functionName"[, param1[, param2 ...]])
。私有值与私人美元图案 this._$("valueName"[, replacingValue]);
访问。作为Interface
不具有用于_$
定义时,值不能被外部对象访问。由于每个原型函数体的this
设置为values
对象功能$
,你会如果你直接调用构造函数的兄弟姐妹得到例外;在 _ $ / $模式的需要遵循原型中的函数体了。下面的示例使用情况。
var classX1 = new ClassX();
console.log("classX1." + classX1.$("isValAValid", "valid", "invalid"));
console.log("classX1.valA: " + classX1.$("getValA"));
classX1.$("setValA", "v1");
console.log("classX1." + classX1.$("isValAValid", "valid", "invalid"));
var classX2 = new ClassX("v2");
console.log("classX1.valA: " + classX1.$("getValA"));
console.log("classX2.valA: " + classX2.$("getValA"));
//This will throw an exception
//classX1._$("valA");
和控制台输出。
classX1.valA is invalid.
classX1.valA: undefined
classX1.valA is valid.
classX1.valA: v1
classX2.valA: v2
的 _ / $图案 可让在完全原型类值的完整的隐私权。我不知道如果我将永远使用这个,也不是它是否有缺陷,但嘿,这是一个很好的拼图!
ES6WeakMaps
通过使用一个简单的模式的基础在 ES6WeakMaps 能够得到 私人部件的变量,可从功能原型.
注:使用的WeakMaps保证 安全对存储器泄漏, 通过让垃圾收集器确定和放弃未使用的实例。
// Create a private scope using an Immediately
// Invoked Function Expression...
let Person = (function() {
// Create the WeakMap that will hold each
// Instance collection's of private data
let privateData = new WeakMap();
// Declare the Constructor :
function Person(name) {
// Insert the private data in the WeakMap,
// using 'this' as a unique acces Key
privateData.set(this, { name: name });
}
// Declare a prototype method
Person.prototype.getName = function() {
// Because 'privateData' is in the same
// scope, it's contents can be retrieved...
// by using again 'this' , as the acces key
return privateData.get(this).name;
};
// return the Constructor
return Person;
}());
更详细的解释,这种模式可以找到 在这里,
你能不能把这些变量在更高的范围是什么?
(function () {
var privateVariable = true;
var MyClass = function () {
if (privateVariable) console.log('readable from private scope!');
};
MyClass.prototype.publicMethod = function () {
if (privateVariable) console.log('readable from public scope!');
};
}))();
您也可以尝试不是直接在原型添加方法,但这样的构造函数:
var MyArray = function() {
var array = [];
this.add = MyArray.add.bind(null, array);
this.getAll = MyArray.getAll.bind(null, array);
}
MyArray.add = function(array, item) {
array.push(item);
}
MyArray.getAll = function(array) {
return array;
}
var myArray1 = new MyArray();
myArray1.add("some item 1");
console.log(myArray1.getAll()); // ['some item 1']
var myArray2 = new MyArray();
myArray2.add("some item 2");
console.log(myArray2.getAll()); // ['some item 2']
console.log(myArray1.getAll()); // ['some item 2'] - FINE!
您需要更改代码中的 3 处内容:
- 代替
var privateField = "hello"
和this.privateField = "hello"
. - 在原型中替换
privateField
和this.privateField
. - 在非原型中也替换
privateField
和this.privateField
.
最终代码如下:
TestClass = function(){
this.privateField = "hello";
this.nonProtoHello = function(){alert(this.privateField)};
}
TestClass.prototype.prototypeHello = function(){alert(this.privateField)};
var t = new TestClass();
t.prototypeHello()
您可以使用构造函数定义中的原型分配。
变量将是原型添加方法可见,但的函数的所有实例都将访问相同的共享变量。
function A()
{
var sharedVar = 0;
this.local = "";
A.prototype.increment = function(lval)
{
if (lval) this.local = lval;
alert((++sharedVar) + " while this.p is still " + this.local);
}
}
var a = new A();
var b = new A();
a.increment("I belong to a");
b.increment("I belong to b");
a.increment();
b.increment();
我希望这可以是有用的。