Can't access values in JS object

Question

I want to learn more OO JavaScript. I created something like that:

    var Player = {
        player: $('#player'),
        video: Player.player
    };

    console.log(Player.video);

console.log returns Uncaught TypeError: Cannot read property 'player' of undefined. Where's my mistake?

score 2 · Accepted Answer · edited May 23 '17 at 10:26

2

You cannot reference an object while initialization. Explanation and suggested solution found here !

Show you may want something like this:

var Player = new function() {
    this.player = $('#player');
    this.video = this.player;
}; 

console.log(Player.player);

edited May 23 '17 at 10:26

Community

answered Sep 03 '14 at 11:25

Giannis Grivas

score 0 · Answer 2 · answered Sep 03 '14 at 11:13

0

The reason is that Player is not yet defined when assigning video property.

var Player = {
    player: $('#player'),
    video: Player.player  //<- Player is not defined yet. You are defining it right now.
};

Try setting video property after creating the object:

var Player = {
    player: $('#player')        
};
Player.video = Player.player;

console.log(Player.video);

answered Sep 03 '14 at 11:13

Claudi

I tried writing `Player = new Object()` at the beginning, but it doesn't help either. – Tomek Buszewski Sep 03 '14 at 11:15
Mhm. But! When I do this, and then define `Player.video = Player.player.get(0)` it returns error. Any idea why? – Tomek Buszewski Sep 03 '14 at 11:20
There may not be any HTML element with `id="player"` – Claudi Sep 03 '14 at 11:22
There is one, a few lines before JS ;-) – Tomek Buszewski Sep 03 '14 at 11:22
1

Mmm... I think you should run your code from the handler of .ready() event. See http://api.jquery.com/ready/ – Claudi Sep 03 '14 at 11:24
In your JS file, just define `var Player={};` (i.e it's a global variable). Then in the .ready() handler initialize your object: Player.player = $('#player'); Player.video = Player.player; console.log(Player.video); – Claudi Sep 03 '14 at 11:25

2 Answers2