How to send final game score between Cocos Creator scenes?

Question

I'm trying to create a game with Cocos Creator. I'm using more than one file in the game. Like Game.js GameOver.js Jump.js etc. I'm collecting scores with GainScore.js. I have to send final score to GameOver.js file. I show the score properly during the game. But when the game is over I have to send it to the other screen. How can I use the game score as global?

My gainScore function:

  gainScore() {
    this.score += 1;
    if (this.scoreDisplay === null) return;
    this.scoreDisplay.string = this.score;
  },

My GameOver.js file

cc.Class({
    extends: cc.Component,

    properties: {
        scoreEnd: {
            default: null,
            type: cc.Label,
        },
    },

    start() {
        this.scoreEnd.string = this.score.toString(); // I can't access with this way
    },
});

Answer 1

You can use CommonJS. Create a new file called Global.js.

scripts
  |__ GameOver.js
  |__ GainScore.js
  |__ Global.js

and keep your global variables here.

Global.js:

module.exports = {
    score: 0
};

And use with require in other files:

let Globals = require("Globals");

....

gainScore() {
   Globals.score += 1; // not this.score, should be Globals.score
   if (this.scoreDisplay === null) return;
   this.scoreDisplay.string = Globals.score;
},

You should require all other files that will use

let Globals = require("Globals");

cc.Class({
    extends: cc.Component,

    properties: {
        scoreEnd: {
            default: null,
            type: cc.Label,
        },
    },

    start() {
        this.scoreEnd.string = Globals.score.toString();
    },
});