OOPS in javascript
Download as PPTX, PDF4 likes2,392 views
The document discusses creating object types and objects in JavaScript. It introduces the concept of a DartFrog type and shows how to define it as a function that accepts name, color, and poisonous properties. It demonstrates adding jump and sing methods to the DartFrog type and then creating individual DartFrog objects, passing values to initialize their properties. Finally, it calls the sing method on each DartFrog object to make them croak.
OOPS in javascript
- 2. object?
- 3. object?instance of a type
- 5. instance of type dart frog
- 7. instances of type walrus
- 8. object?instance of a typetype 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
- 14. propertiesvardartfrog= function(){this.name = ‘’;this.color = ‘’;this.poisonous = true;}
- 15. propertiesvardartfrog= function(){this.name = ‘’;this.color = ‘’;this.poisonous = true;}properties
- 16. propertieslet’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. behaviorsvardartfrog= 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. behaviorsvardartfrog= 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 objectsvarjackstraw = newdartfrog(“jackstraw”, “strawberry”, true);
- 21. creating objectsvarjackstraw = newdartfrog(“jackstraw”, “strawberry”, true);namecolorpoisonous?
- 22. creating objectsvarjackstraw = newdartfrog(“jackstraw”, “strawberry”, true);varstickyellow= newdartfrog(“stickyellow“, “yellow”, true);varblueman= newdartfrog(“blueman“,“blue”, true);
- 23. calling methodsGuys are you ready. come on sing!!jackstraw.sing();stickyellow.sing();blueman.sing();CROAK CROAKCROAKCROAK CROAKCROAKCROAK CROAKCROAK
- 24. ThankYou