Javascript Object scope

Question

This is a simplification of something that I've come up against in a larger project so I hope it makes sense.

I have two Objects:

FirstObj = {
    data : [],

    init : function()
    {
        for(var a = 0; a < 20; a++)
        {
            this.data[a] = 1;
        }
    }
};


SecondObj = {
    init : function()
    {
        var cell = FirstObj.data[0];
        cell = 0;
    }   
};

I then call the two init methods and log the results:

(function(){
    FirstObj.init();
    SecondObj.init();
    console.log(FirstObj.data);
})()

Now, I was assuming - based on my basis in Actionscript - that the log would show an Array in which the first item is a 0 and the rest all 1 but the 0 does not seem to stick.

Why does the assignment of the 0 value not succeed here and yet works fine if, instead of cell = 0 I target directly at FirstObj.data[0] = 0.

I'm guessing this is a scope thing and I can work round it but I'm trying to get a proper understanding of how JS actually handles this stuff, especially when lumping code into Objects like this (as an aside, is this a good approach in peoples general opinion?).

Thank for any help.

Benjamin Gruenbaum · Accepted Answer · 2014-02-13 12:54:31Z

1

Numbers in JavaScript are something called primitive value types (alongside strings, booleans null and undefined).

This means, that when you do

var cell = FirstObj.data[0];

You're passing the value in FirstObj.data[0] and not a refernece to it.

What you're doing is like:

var x = 5;
var y = x; // y is now 5 
y = 4; // y is 4, x is still 5.

Of course, something like FirstObj.data[0] = 0 should work.

answered Feb 13, 2014 at 12:54

Benjamin Gruenbaum

278k90 gold badges524 silver badges524 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Frédéric Hamidi · Accepted Answer · 2014-02-13 12:54:24Z

1

Array indexing returns values in Javascript, not references. It means that once data[0] is assigned to cell, further modification of cell will not affect data[0].

Assigning the array itself would result in the behavior you're looking for:

SecondObj = {
    init : function()
    {
        var cells = FirstObj.data;
        cells[0] = 0;  // Will also affect data[0].
    }   
};

answered Feb 13, 2014 at 12:54

Frédéric Hamidi

264k42 gold badges497 silver badges486 bronze badges

Collectives™ on Stack Overflow

Javascript Object scope

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related