Creating a javascript object Using object initializers

Question

I'm kind a new in Javascript and I have this situation: I have a separated javascript file and I created a javascript object in this way:

$(document).ready(function () {    
    var formasPagamento = {
        Cartao: 0,
        Crediario: 1,
        Vale: 2
    };
});

In this same file, I have a function and I want to use this object formasPagamento, but when I try to use it, I get the error that formasPagamento is undefined.

Ex:

function CarregarDetalhesPlanoPagamento(idPosDocPagamento) {    
     if(idPosDocPagamento == formasPagamento.Cartao){ //undefined here
         //do something
     }
}

What's the proper way to initializa a "global" variable that can be used in another function?

define var formasPagamento outside of $(document).ready(function () { scope — vijayP
– vijayP, Commented Sep 30, 2016 at 11:01
or if you're lazy just remove var and you don't have to move it. — zer00ne
– zer00ne, Commented Sep 30, 2016 at 11:02
Thanks guys, i didn't pay attention in this detail. I'll never make this mistake again because of you. — Maturano
– Maturano, Commented Sep 30, 2016 at 11:07

Joe · Accepted Answer · 2016-09-30 11:04:41Z

1

Don't wrap var formasPagamento inside of $(document).ready. That is placing it inside of a child scope of global, making it inaccessible from your function. $(document).ready is to detect when the DOM is ready to be manipulated and there's no reason to postpone declaring that value.

answered Sep 30, 2016 at 11:04

Joe

1701 silver badge7 bronze badges

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

1 Comment

Maturano Over a year ago

I didn't pay attention in this detail. After putting out the document.ready, it's working now! Thanks!

jl_ · Accepted Answer · 2016-09-30 11:04:01Z

1

What's the proper way to initializa a "global" variable that can be used in another function?

window.formasPagamento = {
    Cartao: 0,
    Crediario: 1,
    Vale: 2
};

answered Sep 30, 2016 at 11:04

jl_

5,5993 gold badges22 silver badges31 bronze badges

Comments

Andrew Burns · Accepted Answer · 2016-09-30 11:04:40Z

1

In your example, you're declaring formasPagamento inside the document.ready jQuery wrapper, so formasPagamento can only be accessed from within that function.

This is known as scope.

To be able to access formasPagamento globally, you can declare it before your $(document).ready.. like so:

var formasPagamento = {
    Cartao: 0,
    Crediario: 1,
    Vale: 2
};

$(document).ready(function () {    
   ..page ready logic..
});

Now when you use your function, it'll be able to see formasPagamento

answered Sep 30, 2016 at 11:04

Andrew Burns

3094 silver badges10 bronze badges

1 Comment

Maturano Over a year ago

I didn't pay attention in this detail. After putting out the document.ready, it's working now! Thanks!

Jón Freysteinn Jónsson · Accepted Answer · 2016-09-30 11:09:09Z

1

This article explains it quite well w3School But basically the variable formasPagamento is only accessible inside the function scope of the document ready function.

$(document).ready(function () {
    var formasPagamento {};
    // CAN access here!
}
// CANNOT access here!

answered Sep 30, 2016 at 11:09

Jón Freysteinn Jónsson

612 bronze badges

Collectives™ on Stack Overflow

Creating a javascript object Using object initializers

4 Answers 4

1 Comment

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related