Why do we use functionName: function in javascript return statement

Question

I am completely new to javascript. I saw the below snippet in a tutorial. But i am not sure why do we use funtionName: function in return statement.

For example, getID:function() and setID: function() in the below code. Can anybody explain.

function celebrityID () {
    var celebrityID = 999;

    return {
        getID: function ()  {

          return celebrityID;
        },
        setID: function (theNewID)  {

            celebrityID = theNewID;
        }
    }

}

That's the object literal syntax. It's used to, well, create objects. — Álvaro González
– Álvaro González, Commented Jul 5, 2017 at 7:10
I am not sure what you are confused about. Since, JS has first class functions so functions can be stored in variable and as object properties. And here celebrityID function is returning an object with two properties which are functions and can be invoked later. Simple. — bugwheels94
– bugwheels94, Commented Jul 5, 2017 at 7:10
So that in future any celebrity could get and set the celebrityID like so. var celebrity = celebrityID() and celebrity.getID() or celebrity.setID(20000) — Sandeep Nayak
– Sandeep Nayak, Commented Jul 5, 2017 at 7:10

Azad · Accepted Answer · 2017-07-05 07:13:44Z

1

in your celebrityID () function you are returning an object, which has two properties those properties are function.

you can call

var myVar = new celebrityID();

myVar.getID(); // myVar = 999

this like object creation from a class

answered Jul 5, 2017 at 7:13

Azad

5,2725 gold badges31 silver badges59 bronze badges

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

Comments

Suresh Atta · Accepted Answer · 2017-07-05 07:11:17Z

0

So they can use it as

var cid = celebrityID();
var celbId = cid.getID();

If you do not have the return statement the function getID() will not be useful and also celbId becomes undefined.

If you closely observe, there is no return statement for setter.

answered Jul 5, 2017 at 7:11

Suresh Atta

122k38 gold badges206 silver badges315 bronze badges

Collectives™ on Stack Overflow

Why do we use functionName: function in javascript return statement

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