Accessing the element of object in same object

Question

let mario = {
    x: 20,
    w: 20,
    h: 40, 
    y: canvas.height-mario.h, 
    speedX: 0,
    speedY: 10,
    dx: 4,
    dy: -7,
    color: "black",
    canJump: true,
    onGround: true,
}


export default mario

when i try the following code i get error as

player.js:5 Uncaught ReferenceError: Cannot access 'mario' before initialization
    at player.js:5:22

please help me and provide me insights

Answer 1

Initialize mario with the literal values first, and add the computed value later:

let mario = {
    x: 20,
    w: 20,
    h: 40, 
    speedX: 0,
    speedY: 10,
    dx: 4,
    dy: -7,
    color: "black",
    canJump: true,
    onGround: true,
};
mario.y = canvas.height-mario.h;
export default mario;