design patterns - how to fix circular references in javascript

Question

I have a class Game has a property guiGame which is an instance of GuiGame

const Game = function() {this.guiGame = new GuiGame(this) ...}
Game.prototype.onStart = function () {this.guiGame.showCountDown()}

the GuiGame class also has a property 'game'

const GuiGame = function (game){
     this.game = game
}
GuiGame.prototype.onClick = function() {this.game.start()}

How can I fix object cyclic dependency for Game and GuiGame?

question from:https://stackoverflow.com/questions/65861440/how-to-fix-circular-references-in-javascript

Answer 1

Waitting for answers