javascript: the prototype property

JavaScript The prototype Property

Thursday, November 1, 12

Brief

What’s OOP?

JavaScript OOP

Prototype

Inheritance


What’s OOP?Introducir a OOP

Presentar el vocabulario


Object Oriented Programming


Programming paradigm


Data abstraction

Encapsulation

Messaging

Modularity

Polymorphism

Inheritance


Use object based on the real world


Class vs Object


Class

A Class defines Objects

Properties

An object characteristic, such as color

Methods

An object capability, such as walk


Objects

A instance of a Class

Share properties and behavior

Unique


Class


Class

Object1


Class

Object1 Object2


Class

Object1 Object2 Object3


Exercise


JavaScript OOPAplicar JavaScript OOP


JavaScript is a prototypal language


Prototype-based programming

Class free

Classes are not present

Not Object Oriented

Everything is public

Objects inherits from another objects


Objects in JavaScript


Everything is an object



Arrays

ArraysThursday, November 1, 12


Arrays

Arrays

Dates



Arrays

Objects

Arrays

Dates



Arrays

Objects

Arrays

Dates

Strings



Arrays

Objects

Arrays

Numbers

Dates

Strings


They have methods and properties


Custom Objects


Not reuse


Not reuse

Unique


Not reuse

Unique

Singleton Pattern


Exercise


Constructors


Constructor

Functions

Classes

Create diferents instances ==> Objects

Use new operator

Accepts parameters

Returns an instance ==> Object


Constructor

Has properties and methods

length

constructor

apply()

call()

prototype


Prototype


Prototype

A property

Defines properties and methods to all instances

Works with new operator

Stored in the memory once

Contain an Object

initial value === empty Object === {}


Inheritance


Inheritance

A new “class” is created from another “class”

Extends functionality

Defines new attributes and methods

A way to reuse code

All Object inherit from Object.prototype

12+ ways to inherits in JS


Prototype ChainingPseudo-clasical


Inherited


Own


The End


javascript: the prototype property

Education

whats oop

prototype

methods

objects

class

arraysdateseverything

exercisethursday

javascript