How to create Objects in JavaScript?

By -

How to create Objects in JavaScript?

An object can be created using various ways in JavaScript. First, we are going to look at object literal syntax.


A object can be defined in JavaScript as key value pairs. So, lets add some key value pairs inside the object literal syntax.


So, now we have our "car" object. We can access its members using dot notation.



To see the output, you should open developer tools or browser console.

But, if you want another car object you have to copy the whole code again. So, this method above is not a good way if you want to create multiple objects.

     So, lets look at creating objects using factory function. In this method, the object is returned when we call the function.

Creating objects is easier using this method.


You can access any member using dot notation.

 Output


There is another way to create an object. That is using constructor function. It is the most preferred method. In this method we use “this” keyword to refer to the current object we are creating at the moment.
When creating objects, we should use “new” keyword.


So, those are the main ways of creating objects. When deciding which method to use, its based on problem you are going to solve and the personal preference.

Comments

Post a Comment

Popular Posts

Getting started with GIT – Part 3

By -
This is the part 3 of tutorial getting started with git. Now let’s see how to delete files. We can use “ git rm <files name> ” command to delete files. Let’s commit the changes we made. Note: Here, you may notice that we did not add our changes to staging area. That is because when we use “git rm” command, it already adds the deleted file to the staging are. Let’s learn how to rename and move files. First, we are going to rename a file as we normally do. I am going to rename the “first.txt” file into “index.txt”. Let’s see what git thinks about the renaming we did. You can see git thinks that we deleted the first.txt file and added another file called index. So, we can act according to git. Now we are going to add the index.txt file and remove the first.txt file. If we check the status now using “ git status ”, you will notice that git has realized what we actually did was renaming the file. As always commi...
Read more

Getting started with GIT – Part 2

By -
Welcome to the part 2 of tutorial getting started with git. In the part one we had a one text file in our project. So, let’s create some new files. Now enter the status command. You can see it says that you have untracked files. Here, untracked means we did not commit them, and git does not keep track on changes done to those files. So, in order git to keep track of our files we need to commit them. Earlier in the part 1, we add all the files using “ git add . ” command. Now we are going to add files one by one. Now let’s enter the status command. We still did not commit the "second.txt" file. So, you can see it is there in the changes to be committed area. That is the staging area. Staging area is a place between your working copy and the core repository. Whenever we execute the add command on a file, that file goes to the staging area. The staging area includes the files that are ready to get committed. Whenever y...
Read more

Getting started with GIT – Part 5

By -
This is the 5th part of the getting started with GIT tutorial series. Here we will explorer some most important functions of GIT. This is a continuation from the last part "Getting started with GIT – Part 4 ". Lets see how to get old version of our project. First I am going to view all my commits using “ git log ” command. Currently my website looks like this. Now I am going add another main content area to my website. And commit those changes to the repository. And again, I am going to add another(fourth) main content are to my website and commit those changes. Now let’s check our git log. Now website looks like this. So, we assume we only need 3 main content blocks and we want to go back to the commit where we had only 3 main content blocks. We can achieve it by checkout the version with only 3 content areas. So, we can use command “ git checkout <commit number> -- <the file name> ”. So,...
Read more