Its a wild world out there<\/h2>\n
Before I start describing objects in programming aspect, let’s look some pictures.<\/p>\n
![\"Bear](\"\/\/www.webdevelopersnotes.com\/tutorials\/javascript\/bear2.gif\")
![\"Panda\"](\"\/\/www.webdevelopersnotes.com\/tutorials\/javascript\/panda.gif\")
![\"Bear](\"\/\/www.webdevelopersnotes.com\/tutorials\/javascript\/bear3.gif\")
<\/p>\n
Here are two ferocious bears and a docile bamboo eating panda. They are animals that we find in a zoo (Its not pleasant to come across the grizzly in the wild)<\/p>\n
Are animals objects?<\/h2>\n
Yes! The Wildlife Foundation might disapprove of this… but then, I guess it’s harmless if we just take it as a analogy!
\nWe see objects all around us, the chair we sit on, the table on which our computer is placed and even other humans.<\/p>\n
Object Properties<\/h2>\n
To describe a bear or a panda, we specify its characteristics such as color, size, weight, eating habits, the place where its found etc. These are properties<\/strong> of the animal.<\/p>\n Polar Bears<\/strong> Panda<\/strong> So what are the things a polar bear can do? It eats, runs, swims, hibernates in the winter season etc. A Panda also eats and runs but it can also climbs trees and seldom swims! Thus, an object can be anything, a living being, an inanimate item, a city or even an idea. An object is described by its characteristics called properties and can preform certain functions called methods.<\/p>\n Objects in JavaScript are software entities such as the browser window or an HTML document. Its Properties<\/strong><\/p>\n Its Methods<\/strong><\/p>\n <\/p>\n So, you can define a window<\/strong> object with its properties such as width, height, name etc. The behaviour of the window can be controlled using its methods such as open, close, resize etc.<\/p>\n The document displayed by the browser window object is itself an object with its own properties and methods. Thus, the document<\/strong> object is contained in the window<\/strong> object.<\/p>\n Consider an analogy of our galaxy (Milky Way) object that consists of other objects such as our solar system which further contains objects such as the Earth and the Sun. An easy way to describe the Earth to an alien residing in some other galaxy would be:<\/p>\n Milky way – Solar System – Earth<\/strong><\/p>\n Note that the above can also be written as:<\/p>\n Universe – Milky Way – Solar System – Earth<\/strong><\/p>\n But since there is only one universe (hope so!), we can leave out the redundant term. Thus, the Milky Way is a parent object to the Solar System which is itself a parent to the Earth.<\/p>\n JavaScript uses the period to separate the parent object from its components. Hence, to refer to the document object we use the following notation:<\/p>\n A HTML Form called contactform<\/strong> inside the document might be referred as:<\/p>\n For convenience, webdevelopers name HTML elements using the NAME attribute. Thus, a text field named address<\/strong> located in a form named contactform<\/strong> is refered as:<\/p>\n or a radio button called answer<\/strong> as:<\/p>\n or text field called name<\/strong> as:<\/p>\n As you would have noticed, the ‘window’ object is the parent to all other objects, so it is not necessary to explicitly specify it.<\/p>\n
\nColor: White
\nDiet: Fish, seals… non-vegetarian
\nLocation: The North Tundra<\/p>\n
\nColor: White and Black
\nDiet: Bamboo shoots
\nLocation: China<\/p>\nObject Methods<\/h2>\n
Such actions are the functions of the animal object. Functions in object programming are called methods<\/strong>.<\/p>\nJavaScript Objects<\/h2>\n
\nLet’s describe the browser window object and some its properties and methods.
\nA browser window object is created whenever a document is loaded in a browser.<\/p>\n\n
\n
window.document<\/strong><\/pre>\n
window.document.contactform<\/strong><\/pre>\n
window.document.contactform.address<\/strong><\/pre>\n
window.document.contactform.answer<\/strong><\/pre>\n
window.document.contactform.name<\/strong><\/pre>\n
\n