This presentation shows how to create simple objects in JavaScript.

1. OOPS in Javascript part 1

2. object?

3. object? instance of a type

5. instance of type dart frog

7. instances of type walrus

8. object? instance of a type type represents anything a dart frog or a walrus

9. how to create objects?

10. how to create objects? let’s start with creating a type… say ‘dartfrog’

11. how to create objects? let’s start with creating a type… say ‘dartfrog’ vardartfrog= function(){}

12. how to create objects? let’s start with creating a type… say ‘dartfrog’ vardartfrog= function(){} type

13. adding properties andbehaviors

14. properties vardartfrog= function(){ this.name = ‘’; this.color = ‘’; this.poisonous = true;}

15. properties vardartfrog= function(){ this.name = ‘’; this.color = ‘’; this.poisonous = true;} properties

16. properties let’s fill the properties at the time of creation by passing values. vardartfrog= function(name, color, poisonous){ this.name = name; this.color = color; this.poisonous = poisonous;}

17. behaviors vardartfrog= function(name, color, poisonous){ this.name = name; this.color = color; this.poisonous = poisonous; this.jump = function(){ alert(“JUMP JUMP JUMP”); } ; this.sing = function(){ alert(“CROAK CROAK CROAK”); } }

18. behaviors vardartfrog= function(name, color, poisonous){ this.name = name; this.color = color; this.poisonous = poisonous; this.jump = function(){ alert(“JUMP JUMP JUMP”); } ; this.sing = function(){ alert(“CROAK CROAK CROAK”); } } Methods or behaviors

19. let’s create some frogs and make them sing

20. creating objects varjackstraw = newdartfrog(“jackstraw”, “strawberry”, true);

21. creating objects varjackstraw = newdartfrog(“jackstraw”, “strawberry”, true); name color poisonous?

22. creating objects varjackstraw = newdartfrog(“jackstraw”, “strawberry”, true); varstickyellow= newdartfrog(“stickyellow“, “yellow”, true); varblueman= newdartfrog(“blueman“, “blue”, true);

23. calling methods Guys are you ready. come on sing!! jackstraw.sing(); stickyellow.sing(); blueman.sing(); CROAK CROAKCROAK CROAK CROAKCROAK CROAK CROAKCROAK

24. ThankYou