javascript function object method

Question

Hey im new to javascript and i stumbled upon this code in javascript. I dont understand how can be methods increment and print defined inside function. Does that mean that create is an object?

 function create() {
     var counter = 0;
     return {
         increment: function () {
             counter++;
         },
         print: function () {
             console.log(counter);
         }
     }
 }
 var c = create();
 c.increment();
 c.print(); // 1

You can use a service like the online JavaScript beautifier to clean up messy code. — Pointy
– Pointy, Commented Jan 9, 2012 at 11:09

Pointy · Accepted Answer · 2012-01-09 11:07:41Z

1

The function "create()" returns an object. The object it returns has two properties, "increment" and "decrement", both of which have functions as values. The functions operate on the variable "counter" defined in "create()".

Each call to "create()" instantiates a new context called a "closure". The context encloses a new copy of the "counter" variable. The objects returned from calls to "create()" thus have access to their own private "counter" instance.

answered Jan 9, 2012 at 11:07

Pointy

415k62 gold badges600 silver badges631 bronze badges

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

3 Comments

Aljoša Srebotnjak Over a year ago

Thanks for the answer and please forgive me for beginners questions, like i said im new to javascript. I have two subquestions for your answer - What is the object that function "create()" returns called or its name propherty, and what is the diference between functions like "create()" taht return object or functions that represent classes in javascript

Pointy Over a year ago

The object is not really called anything in particular; sometimes people call that an "object literal". And there's only one kind of function in JavaScript, as far as the language is concerned. Any function can be used as an object constructor, though what the function actually does may not make much sense for that. There are many different schemes for doing OOP in JavaScript, but the actual language mechanism is not very much like OOP in C++, C#, or Java.

Pointy Over a year ago

(Here in 2018 there are of course different kinds of functions.)

Community · Accepted Answer · 2017-05-23 11:55:48Z

0

The keyword for you is closure.

Closures in javascript are quite covered, e.g. in How do JavaScript closures work?.

edited May 23, 2017 at 11:55

CommunityBot

11 silver badge

answered Jan 9, 2012 at 11:01

Krizz

11.6k1 gold badge33 silver badges45 bronze badges

Collectives™ on Stack Overflow

javascript function object method

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related