Call JavaScript function inside an object

Question

I am going through some JavaScript basics. Following is my code and question:

<html lang="en">
<body>
<script>
function test(){
    const printer = {
        on : true,
        mode : "black and white",
        print : printMe(" Name"),
        printAgain : function () {
            alert("Hi there!");
        }
    }
}

function printMe(name){
    alert ("Print me"+ name);
}
</script>
<input type="button" id="button1" value="Test" onclick="test()"></button>
</body>
</html>

I can call printAgain with the below line:

printer.printAgain();

But I don't need to explicitly call printMe() method. I understand that its because I am calling it in printer.print.

Is there a way to reference a javascript function inside an object and then invoke it explicitly? For example: I want the printMe() to be called when I write printer.print() in my code.

Here is the jsfiddle: https://jsfiddle.net/L8akx36j/

print : printMe(" Name"), here you are invoking the printMe() function then assigning returned value to the print property of printer object. — Chitholian
– Chitholian, Commented Jun 12, 2021 at 22:07

Majed Badawi · Accepted Answer · 2021-06-12 21:57:45Z

2

You can set printer.print to a reference to printMe:

function test(){
    const printer = {
        on : true,
        mode : "black and white",
        print : printMe,
        printAgain : function () {
            alert("Hi there!");
        }
    }
    printer.print(" Name");
}

function printMe(name){
    alert ("Print me"+ name);
}

<input type="button" id="button1" value="Test" onclick="test()"></button>

edited Jun 12, 2021 at 21:57

answered Jun 12, 2021 at 21:49

Majed Badawi

28.8k4 gold badges31 silver badges56 bronze badges

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

Comments

Evert · Accepted Answer · 2021-06-12 21:49:54Z

1

Yes. You can reference a function simply by its name. Only when add parenthesis it gets called. I assume this is what you want:

const printer = {
    on : true,
    mode : "black and white",
    print : printMe,
    printAgain : function () {
        alert("Hi there!");
    }
}

answered Jun 12, 2021 at 21:49

Evert

101k18 gold badges136 silver badges221 bronze badges

5 Comments

miserable Over a year ago

What is the function has arguments?

miserable Over a year ago

Nevermind. I think I can just pass the arguments when I call.

Evert Over a year ago

If you do want arguments, then wrap the function in another function

miserable Over a year ago

Or I can just pass the arguments when I call the function as @Majed Badawi posted above.

Evert Over a year ago

@PKJ That's the same thing as I suggested here.

Collectives™ on Stack Overflow

Call JavaScript function inside an object

2 Answers 2

Comments

5 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

5 Comments

Related