js prototype 继承实例中的参数问题

gistfile1.js

var Book = function(name) {
    this.name = name;
    this.demo = '123';
}

var Method = function() {
    // 继承了 Book 的静态属性 this.demo = '123'
    Book.apply(this, arguments);
}

Method.prototype.add = function() {
    // 如何访问到 demo 这个实例中的东西呢？
    console.log(this);
}

Book.prototype.fetch = new Method();

var demo = new Book('123');

// 保持这种API设计风格
demo.fetch.add();

原始需求

使得 a,b,c三个函数都能正常访问到实例化的ABC，方便设计出 abc.demo.a() 这样的api

var ABC = function(name) {
   this.name = name;
}

ABC.prototype.demo = {
    a: function() {

    },
    b: function() {

    },
    c: function() {

    }
}

var Book = function(name) {
    this.name = name;
    this.demo = '123';

    function add(){
      console.log(this)
    }

    var ME = this;
    this.fetch = {};
    this.fetch.add = function(){
      add.apply(ME, arguments);
    };
}


var demo = new Book('123');

// 保持这种API设计风格
demo.fetch.add();

一种挫逼解决方案

var Method = function(params) {
    if (params) this.parent = params;
}

var Book = function(name) {
    this.name = name;
    this.demo = '123';
    // 将实例化 Method 的语句写在Book中，传入this
    Book.prototype.fetch = new Method(this);
}

Method.prototype.add = function() {
    // 如何访问到 demo 这个实例中的东西呢？
    console.log(this);
}

var demo = new Book('123');

// 保持这种API设计风格
demo.fetch.add();

写在一个闭包里就可以了。只是要求 demo.fetch.add() 这样的 api 的话，还可以简单点：

var Book = function(name) {
    this.name = name;
    this.demo = '123';

    var ME = this;
    this.fetch = {};
    this.fetch.add = function(){
      // 用 ME 替代 this
    };
    // 或者用
    this.fetch = {
      add: Function.createDelegate(this, function(){
        console.log(this);
      })
    }
}

另外一种方法

不要new 了，new个蛋啊。。。直接在function里把各种原型方法return回去。但大规模实例化的时候会造成内存浪费。。