#javascript beginner

Example:

Lets consider the most famous Car example to identify the properties and Methods of a Car (Object)

Properties of a car: Name, Model, Weight, Color, ...

car.name = Car Name car.model = Model Name car.weight = Weight in Kg car.color = color of the car

Methods of the car: start, drive, brake

car.start() car.drive() car.brake()

So, as you can see the things that describe a car are it's properties and the things that a car can do are it's methods.

And like our car, an Object in JavaScript can have any number of properties and methods.

Remember, everything is an object in JavaScript - so technically both properties and methods of an object are objects themselves.

We can create our own objects and can assign properties to it.

Creation of Objects:

You can build new JavaScript object in two ways:

Using the new keyword.

Literal declaration.

1) Using The new Keyword:

var ravi = new Object();

Now ravi is your first object defined. The typeof ravi would be object

console.log(typeof ravi); // object

Adding properties to a Object:

ravi.height = "175cm" ravi.weight = "80kgs" ravi.age = 23

Now add a number as one of it's properties

ravi.num = 20; console.log(typeof ravi.num); // number

Remember that a an object can be added as a property of another object, like

ravi.ob = {}; console.log(typeof ravi.ob); // object

2) Literal declaration:

You can also directly define an object, like:

var ravi1 = {}

And assign properties as usual

ravi1.name = "Full Name"

Accessing Properties of the name(string) property(also an object itself):

console.log(ravi1.name.length); // 9

Accessing Methods of an object:

 console.log(ravi1.name.toUpperCase()); // FULL NAME

This is how the objects are defined and object members (Properties and methods) can be accessed.

Although JavaScript doesn't have classes, we can still get class-like functionality with objects - let us look at those in detail, the next time we meet.

Further Reading

MDN: Object Oriented JavaScript

JavaScript Objects on W3Schools

OOJS basics on Nettuts+