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

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

Similaire à JavaScript OOP

Similaire à JavaScript OOP (20)

Plus de Doncho Minkov

Plus de Doncho Minkov (20)

Dernier

Dernier (20)

JavaScript OOP

Notes de l'éditeur