Object Oriented Programming in js

Object Oriented Programming
Sunil Pai, Y!

Numbers

Strings

Booleans

Objects and Javascript Regexps

Functions

Arrays

Objects

3.141

Numbers 1.4e20
0xff3322

Strings

Booleans


Functions

Arrays

Objects

Numbers
“the lazy dog”

Strings “123”
“1” + 1

Booleans


Functions

Arrays

Objects

Numbers

Strings
true
Booleans
false


Functions

Arrays

Objects

Numbers

Strings

Booleans

Objects and Javascript Regexps /[A-Za-z0-9]/gm

Functions

Arrays

Objects

Numbers

Strings

Booleans

function(p1, p2){
// do something
Functions // with p1, p2
return p1 + p2
}
Arrays

Objects

Numbers

Strings

Booleans


Functions

Arrays [ 1, ‘abc’, 2.4 ]

Objects

Numbers

Strings

Booleans


Functions

Arrays
{
x: 200,
Objects y: 164,
theta: 20
}

null
Objects and Javascript
undeﬁned

functions are objects

Javascript has
closures
superpowers

.prototype

OOP:
First Principles

Constructors

Abstraction

Inheritance

Encapsulation

Polymorphism

OOP:
First Principles function Shirt(owner){
this.owner = owner
}

Shirt.prototype.iron=function(){
this.ironed = true
Constructors }

var myShirt = new Shirt(‘pi’)
Abstraction // myShirt.owner === ‘pi’

myShirt.iron()
Inheritance // myShirt.ironed === true

Encapsulation

Polymorphism

OOP:
First Principles

Constructors Shirt
(new)
.iron()
Abstraction .wash()
.ironed // true/false
.age // number
Inheritance

Encapsulation

Polymorphism

OOP:
First Principles

Constructors

var Kurta = extends(Shirt)
Abstraction
Kurta.prototype.wash = function(){
Shirt.prototype.wash.apply(this,
Inheritance arguments);
// and make sure the water’s
cold!
Encapsulation }

Polymorphism

var __hasProp = {}.hasOwnProperty

OOP:
var extends = function(child, parent) {

for (var key in parent) {

First Principles
if (__hasProp.call(parent, key)) {
child[key] = parent[key]
}
}

function Ctor() {
this.constructor = child
}

Ctor.prototype = parent.prototype
child.prototype = new Ctor()
Constructors child.superclass = parent.prototype

return child
}

Abstraction
var Kurta = extends(Shirt)

Inheritance Kurta.prototype.wash = function(){
Shirt.prototype
}
Encapsulation

Polymorphism

OOP:
First Principles

Constructors

Abstraction var ctr = (function(){
var i = 0
return function(){
Inheritance return i++
}
})()
Encapsulation
ctr() // 0
ctr() // 1
Polymorphism ctr() // 2

// and so on

OOP:
First Principles

Constructors

Abstraction

Inheritance
// make do with runtime object
Encapsulation // manipulation, “arguments”

myShirt.iron = function(x, y){
Polymorphism x === arguments[0] // true
y === arguments[1] // true
var z = arguments[3]
// doop de doo
}

sidenote: other common patterns

Party on, dudes.

@threepointone

Object Oriented Programming in js

More Related Content

What's hot

Viewers also liked

Similar to Object Oriented Programming in js

Recently uploaded

Object Oriented Programming in js

Editor's Notes