JavaScript Objects

Back to Main Page

Concepts: Object Creation, Functions, Inheritance, Properties, Methods, Instantiation

Object Oriented Programming (OOP) refers to the use of objects in programing. JavaScript is not actually an object-oriented language but it uses objects and assigns properties and values to them. The use of ojects allows you to create modules that don't need to be changed every time a new type of object is added. I can just create a new object that inherits features from other existing objects saving time and improving organization. I find it easier to keep track of everything when it's all in these bite-sized pieces, it's easier for my mind to process.

Objects are variables but variables that can contain multiple values and properties. Basically, "JavaScript objects are containers for named values called properties or methods." (w3schools.com)

In my little snippet of code here, I create a simple Object, let's say-a toy-where I let the user specify the color, size, and texture of the toy.

JavaScript Object: Create a toy!







There you go, a JavaScript Object. Nothing fancy, but you can see that it has multiple values and parameters. The possibilities are endless. Here is the JavaScript for the above form:

function createToy(){ var toy = new Object(); toy.color = document.myForm.color.value; toy.size = document.getElementById("size").value; toy.isFuzzy = document.getElementById("softness").value; toy.play = function(){ this.status = "playing"; } document.getElementById("show-toy").innerHTML = JSON.stringify(toy); }

Back to Main Page