Namespace in javascript

Something Like that:
Namespace

What is Namespace
A container for variable and functions (Typically to keep variable and functions with the same name separate)

For that you need to create first html code.

HTML

<p>Value of greet =  <span id="demo"></span></p>
<p>Value of English =  <span id="demo"></span></p>

After that add this JS code.

JS

var greet = 'Hello!';
var greet = 'Hola!';
document.getElementById("demo1").innerHTML = greet;

var english = {
    greet: 'Hello!'
}
var spanish = {
    greet: 'Hola!'
}
document.getElementById("demo2").innerHTML = english;
console.log(english);

[codepen_embed height=”265″ theme_id=”0″ slug_hash=”QMGPeR” default_tab=”result” user=”pradeepanvi”]See the Pen Namespace in javascript by Pradeep Kumar (@pradeepanvi) on CodePen.[/codepen_embed]

Now you can see

Value of greet = Hola!
Value of English = [object Object]

Now again [object object]
Just console it.

Or you have another options.

HTML

<p>Value of English =  <span id="demo3"></span></p>

After that add this JS code.

JS

document.getElementById("demo3").innerHTML = english.greet;

Value of English = Hello!

Leave a Reply

Your email address will not be published. Required fields are marked *