prototype: deep scope of “this” to access instance’s scope

by

As you only have one instance of the board object, there is no way for it to know what you used to access it. Using game.board or Game.prototype.board to access the object gives exactly the same result.

If you don’t want to create one board object for each Game instance, you have to tell the board object which Game object it should consider itself to belong to for each call:

game.board.doSomething(game);

or:

Game.prototype.board.doSomething(game);

Edit:

To create one board for each Game instance, make a constructor for Board, and make the board object aware of the Game instance that it belongs to:

function Game(id) {
  this.id = id;
  this.board = new Board(this);
}

Game.prototype = {
};

function Board(game) {
  this.game = game;
}

Board.prototype = {
  init: function(){
    console.log(this.game.id);
  }
};

var game = new Game('123');
game.board.init(); // outputs "123"

More Related Contents:

  1. Prototypical inheritance – writing up [duplicate]
  2. What are the nuances of scope prototypal / prototypical inheritance in AngularJS?
  3. What is the reason to use the ‘new’ keyword at Derived.prototype = new Base
  4. Javascript object members that are prototyped as arrays become shared by all class instances
  5. Defining methods via prototype vs using this in the constructor – really a performance difference?
  6. Assigning prototype methods *inside* the constructor function – why not?
  7. JavaScript: What dangers are in extending Array.prototype?
  8. Parse JSON String into a Particular Object Prototype in JavaScript
  9. Multiple inheritance/prototypes in JavaScript
  10. JS : Convert Array of Strings to Array of Objects
  11. ES6 arrow functions not working on the prototype?
  12. Asynchronous operations in constructor
  13. Extending an Object in Javascript
  14. Javascript when to use prototypes
  15. Calling method using JavaScript prototype
  16. Create a reset of javascript Array prototype when Array.prototype has been modified?
  17. Grasping prototypical Inheritance through pseudoclassical instantiation (JavaScript)
  18. Can I construct a JavaScript object without using the new keyword?
  19. Understanding Crockford’s Object.create shim
  20. How to access object prototype in javascript?
  21. ‘this’ keyword, not clear
  22. Adding Prototype to JavaScript Object Literal
  23. Function.prototype is a function
  24. Javascript: hiding prototype methods in for loop?
  25. Can you create functions with custom prototypes in JavaScript?
  26. Advantages of setting the “constructor” Property in the “prototype”
  27. JavaScript Event prototype in IE8
  28. JavaScript: What are .extend and .prototype used for?
  29. JS defineProperty and prototype
  30. [[Prototype]] vs prototype: ..what is the difference? (MyCons.__proto__ === MyCons.prototype) equals FALSE

Leave a Comment