Question

有人可以解释一下Single Page Apps in Depth的摘录是什么意思吗？

类的常见模式（例如，从a实例化的对象）原型）是通过启动它们简单地将类方法标记为私有用下划线。 您可以使用正确隐藏类方法 .call / .apply设置“this”，但我不会在这里显示;这是次要的细节。

我认为这表明有一种方法可以让'私有'JavaScript方法实际上无法访问，而不是仅使用下划线标记它们的惯例，但我无法想象实现会是什么样子，也不会如何使用。

Answer 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

Answer 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

使用.call / .apply隐藏类方法

2 个答案: