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

Question

有人可以解释一下单页应用程序的摘录是什么意思吗？

类（例如从原型实例化的对象）的常见模式是通过以下划线开始简单地将类方法标记为私有。您可以通过使用 .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 中实现）。接口对象（例如元素和节点对象）特别需要包装实际执行该单词的底层实现。暴露的对象只不过是转发属性访问和方法调用的外壳。

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