【问题标题】:Hiding class methods by using .call/.apply使用 .call/.apply 隐藏类方法
【发布时间】:2012-07-04 04:51:48
【问题描述】:
有人能解释一下Single Page Apps in Depth 的这段摘录是什么意思吗?
类的常见模式(例如,从
原型)是通过启动它们来简单地将类方法标记为私有
带下划线。 您可以通过使用正确隐藏类方法
.call/.apply 设置“this”,这里就不展示了;这是一个未成年人
详细。
我认为这表明有一种方法可以让“私有”JavaScript 方法实际上无法访问,而不是按照惯例只用下划线标记它们,但我无法想象实现会是什么样子,也无法想象它会如何使用。
【问题讨论】:
标签:
javascript
private-members
【解决方案1】:
var Treasure = function(){
function locate(){
return this.x * this.y + 31337;
}
function Treasure(x, y){
this.x = x;
this.y = y;
}
Treasure.prototype.find = function find(){
return locate.call(this);
};
return Treasure;
}();
locate 是构造函数和原型方法的共享私有函数。使用call,它可以像一个方法一样使用this。
这个概念的更完整的实现是接口对象和实现对象。您实际上创建了一个私有的整个类,而不是使用一些随机函数作为方法(类似于上面的定位)。接口的每次外部创建都会生成两个对象:公共 shell 接口和私有实现对象。这允许您公开提供不同的、可能更易于使用的 API 的接口。或者可以允许您为整个接口对象组重用单个私有实现对象。
这实际上是指定 DOM 的工作方式(尽管通常不在 js 中实现)。接口对象(例如元素和节点对象)特别需要包装实际执行该单词的底层实现。暴露的对象只不过是转发属性访问和方法调用的 shell。
Dom.js 是用 js 制作的完整的 DOM 实现。我在工作时熟悉的一项有趣的技术是完全自动生成公共接口。这就是 IDL 的目的:公共 API 是自动生成的,只留下私有实现来实际创建。这真正意味着它可以在不咨询人类的情况下创造出这样的东西:https://github.com/Benvie/svgstuff/blob/master/lib/defs.js
【解决方案2】:
您可以在此示例中看到两种类型的变量。你会注意到第一个是私有的,第二个是公开的:
function x() {
var _var1 = "hello";
this.var2 = "world";
x.prototype.innerTest = function() {
console.log("inner var1: " + _var1);
console.log("inner var2: " + this.var2);
}
}
var y = new x;
console.log("var1: " + y._var1);
console.log("var2: " + y.var2);
// var1: undefined
// var2: world
运行内部测试显示 var1 可以从类内部访问:
y.innerTest();
// var1: hello
// var2: world