JavaScript OOP

Doncho Minkov Telerik Mobile Development Course mobiledevcourse.telerik.com Technical Trainer http://www.minkov.it

Table of Contents (3) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

JavaScript OOP Properties, Functions, Inheritance

JavaScript OOP ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Defining Classes ,[object Object],[object Object],[object Object],[object Object],var student = new Object; student.name= "Doncho Minkov"; student.grade = 3;

Defining a Class with Constructors ,[object Object],[object Object],[object Object],function Student() { this.name = "Doncho Minkov"; this.grade = 3; } var student = new Student;

Defining a Class with Constructors (2) ,[object Object],function Student(name, grade) { this.name = name; this.grade = grade; } var doncho = new Student("Doncho Minkov", 3); var pesho = new Student("Pesho Peshov",2 ); var stamat = new Student("Stamat Geshov",4);

Class Functions ,[object Object],function Student(name, grade) { this.name = name; this.grade = grade; this.sayHello = function() { alert("Hi! I am " + this.name); } } var doncho = new Student("Doncho Minkov", 3); doncho.sayHello(); defining-classes.html

Object Prototypes ,[object Object],[object Object],[object Object],[object Object],function Circle() { } Circle. prototype .pi = 3.14159;

Object Prototypes (2) ,[object Object],function Circle() { } Circle.prototype.pi = 3.14159; Circle.prototype.radius = 5; Circle.prototype.calculateArea = function () { return this.pi * this.radius * 2; } var circle = new Circle(); var area = circle.calculateArea(); alert(area); // 31.4159 prototype-object.html

Prototype Object to Add Functionality to Build-in Classes ,[object Object],Array.prototype.showMax = function () { var max = this[0]; for (var i = 1; i < this.length; i++) { if (max < this[i]) { max = this[i]; } } return max; } var array = new Array(9, 1, 11, 3, 4); var max = array.showMax(); alert(max); // 11 Attaching a method to the Array class

Inheritance and Polymorphism in JavaScript

Inheritance in JavaScript ,[object Object],function Person(name) { this.name = name; this.talk = function () { alert("Hi! I am " + this.name); } } function Student(name, grade) { this.name = name; this.grade = grade; } Student.prototype = new Person(); This way we say that the Student class will have all the functionality of the Person class inheritance.html

Polymorphism in JavaScript ,[object Object],[object Object],[object Object],Student.prototype = new Person(); Teacher.prototype = new Person(); var array = new Array( new Teacher("Gana","Math"), new Student("Gosho",3), new Person("Pesho"), new Teacher("Mara","Literature")); for (var i = 0; i < array.length; i++) { array[i].talk(); } polymorphism.html

Exercises ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

JavaScript OOP

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to JavaScript OOP

Similar to JavaScript OOP (20)

More from Doncho Minkov

More from Doncho Minkov (20)

Recently uploaded

Recently uploaded (20)

JavaScript OOP

Editor's Notes