如何使用 Object.create 在 javascript 中继承私有变量

Question

我有这个：

function Book (){
  this.width = 7;
  this.height = 10;
  var pages = 100;

  this.tear_page = function(){
    return --pages;
  }
}
function TechBook () {
  var pages = 50;
  this.open_book = function(){ return "Opened in page "+(pages/2); };
  return this;
}
var bBook = Object.create(new Book(), new TechBook());


console.log(bBook);
console.log(bBook.tear_page());
console.log(bBook.open_book());

我无法让它工作。我尽可能让 TechBook 从 Book 继承对本地/私有变量的访问，但只能从 Book 函数继承。如果我添加新方法或覆盖它们，它们将无法再获取这些变量。我想知道是否有办法仍然可以从子类的方法中访问这些变量并在子类中创建新的私有变量。

如果这是不可能的，那意味着如果你想要继承，你就不能拥有私有变量，反之亦然。哦，顺便说一句，我知道 chrome 现在（感谢 ES6）可以自然地实现类： class TechBook extends Book (){} 和许多其他语言一样，但目前支持仅限于 chrome 的最新版本......不知道有没有其他方法可以解决这个问题。

Answer 1

任何语言都不能继承 private，只能继承 protected 或 public。

该概念在 javascript 中不存在，但您可以在创建对象时进行模拟（属性 = 公共，范围事物 = 私有）；

解决方法可以是添加一个属性，该属性执行返回对象范围的私有变量/函数的函数。

如果公开一个返回私有对象的方法，它可以被修改，因为你有返回的引用。

我喜欢这样做：

var SomeObject = function() {
    //private var one, can't access it outside of this scope
    var one = 1;

    /*private object anotherObject, can't access it directly
     but if you return it with a public function you can modify it.*/
    var anotherObject = {
        a : 'somevalue'
    };

    //public prop two, can access it outside of this scope.
    this.two = 2;

    //public method getOne, you can access it.
    this.getOne = function() {
       return one;
    };

    /* return private var anotherObject */
    this.getAnotherObject = function() {
       return anotherObject;
    };
};

var someObject = new SomeObject();
console.log(someObject.two); // print in console 2
console.log(someObject.getOne()); // print in console 1

var referencedObject = someObject.getAnotherObject();
console.log(referencedObject);
referencedObject.a = 'anotherValue';

console.log(someObject.getAnotherObject());

Fiddle

Answer 2

这是一个示例，说明您如何通过了解秘密

来传递数据

function Book(secret) {
    secret = secret || {};
    var env = {}; // `env` to hold data requiring `secret`
    this.width = 7;
    this.height = 10;
    env.pages = 100;
    this.getEnv = function (s) { // give access to `env` if you know the secret
        if (s === secret) return env;
    };
    this.tear_page = function () {
        return --env.pages;
    };
}

function TechBook(secret) {
    secret = secret || {};
    Book.call(this, secret); // construct from Book
    var env = this.getEnv(secret); // get references via secret

    this.open_book = function () {
        return "Opened in page " + (env.pages/2);
    };
}

TechBook.prototype = Object.create(Book.prototype); // set up inheritance

使用 Object 引用 作为 secret 将比使用原语更安全，因为您需要原始引用才能访问。

现在你有

var bBook = new TechBook();
console.log(bBook); // instance of TechBook
console.log(bBook.tear_page()); // 99
console.log(bBook.open_book()); // Opened in page 49.5

Answer 3

参考prototype inheritance 和Object.create 属性参数的基本原理。

根据你的例子实现

function Book (){
  this.width = 7;
  this.height = 10;
  this.pages = 100;

  this.tear_page = function(){
    return --this.pages;
  }
  this.init = function() {
    return this
  }
}

Book.prototype = {
  open_book: function(){ return "Opened in page "+(this.pages/2) }
}


var bBook = Object.create(new Book(), {pages: { value: 50 } }).init();


console.log( new Book())              // { width: 7, height: 10, pages: 100, tear_page: [Function], init: [Function] }
console.log( bBook )                  //{}
console.log( bBook.width )            //->7              
console.log( bBook.height )           //-> 10             
console.log( bBook.pages )            // -> 50             
console.log( bBook.tear_page())       //-> 49
console.log(bBook.open_book())       //-> Opened in page 25