Programação Funcional com Javascript

Object

!
Prototipo de Object

!

Object

!
Prototipo de Object

!
Object.prototype.pO = 1

Object

!
Prototipo de Object

!
pO = 1
Object.prototype.pO = 1

A

!
a = 2
var A = function() {
this.a = 2;
}
Object

!
Prototipo de Object

!
pO = 1

A

!
a = 2
Prototipo de A

!
Object

!
Prototipo de Object

!
pO = 1

A

!
a = 2
Prototipo de A

!
A.prototype.pA = 3
Object

!
Prototipo de Object

!
pO = 1

A

!
a = 2
Prototipo de A

!
pA = 3
A.prototype.pA = 3
Object

!
Prototipo de Object

!
pO = 1

A

!
a = 2
Prototipo de A

!
pA = 3
Object

!
Prototipo de Object

!
pO = 1
var B = function() {
this.b = 4;
}
B

!
b = 4

A

!
a = 2
Prototipo de A

!
pA = 3
Object

!
Prototipo de Object

!
pO = 1
B

!
b = 4
Prototipo de B

!

A

!
a = 2
Prototipo de A

!
pA = 3
Object

!
Prototipo de Object

!
pO = 1
B

!
b = 4
Prototipo de B

!
B.prototype = new A

A

!
a = 2
Prototipo de A

!
pA = 3
Object

!
Prototipo de Object

!
pO = 1
B

!
b = 4
B.prototype = new A

A

!
a = 2
Prototipo de A

!
pA = 3
Object

!
Prototipo de Object

!
pO = 1
B

!
b = 4
B.prototype = new A
new A()

!
a = 2

A

!
a = 2
Prototipo de A

!
pA = 3
Object

!
Prototipo de Object

!
pO = 1
B

!
b = 4
new A()

!
a = 2
B.prototype.pB = 5

A

!
a = 2
Prototipo de A

!
pA = 3
Object

!
Prototipo de Object

!
pO = 1
B

!
b = 4
new A()

!
a = 2

pB = 5
B.prototype.pB = 5

A

!
a = 2
Prototipo de A

!
pA = 3
Object

!
Prototipo de Object

!
pO = 1
B

!
b = 4
new A()

!
a = 2

pB = 5

A

!
a = 2
Prototipo de A

!
pA = 3
Object

!
Prototipo de Object

!
pO = 1
B

!
b = 4
new A()

!
a = 2

pB = 5
x = new B()

A

!
a = 2
Prototipo de A

!
pA = 3
Object

!
Prototipo de Object

!
pO = 1
B

!
b = 4
new A()

!
a = 2

pB = 5
x = new B()
x

new B()

!
b = 4

A

!
a = 2
Prototipo de A

!
pA = 3
Object

!
Prototipo de Object

!
pO = 1
B

!
b = 4
new A()

!
a = 2

pB = 5
x = new B()
x

new B()

!
b = 4
Prototipo de B

!

A

!
a = 2
Prototipo de A

!
pA = 3
Object

!
Prototipo de Object

!
pO = 1
B

!
b = 4
new A()

!
a = 2

pB = 5
x

new B()

!
b = 4
Prototipo de B

!

A

!
a = 2
Prototipo de A

!
pA = 3
Object

!
Prototipo de Object

!
pO = 1
B

!
b = 4
new A()

!
a = 2

pB = 5
x.b
x

new B()

!
b = 4
Prototipo de B

!
?

A

!
a = 2
Prototipo de A

!
pA = 3
Object

!
Prototipo de Object

!
pO = 1
B

!
b = 4
new A()

!
a = 2

pB = 5
x.pB
x

new B()

!
b = 4
Prototipo de B

!
?

A

!
a = 2
Prototipo de A

!
pA = 3
Object

!
Prototipo de Object

!
pO = 1
B

!
b = 4
new A()

!
a = 2

pB = 5
x.a
x

new B()

!
b = 4
Prototipo de B

!
?

A

!
a = 2
Prototipo de A

!
pA = 3
Object

!
Prototipo de Object

!
pO = 1
B

!
b = 4
new A()

!
a = 2

pB = 5
x.pA
x

new B()

!
b = 4
Prototipo de B

!
?

A

!
a = 2
Prototipo de A

!
pA = 3
Object

!
Prototipo de Object

!
pO = 1
B

!
b = 4
new A()

!
a = 2

pB = 5
x.pO
x

new B()

!
b = 4
Prototipo de B

!
?

function f (x) {
return function (y) {
return x + y;
};
}
var a = f(5);
var b = a(3);
alert(b); // ????

Javascript
Alexandre Gomes
princípios da programação funcional com

programação imperativa
1. Bata bem todos os ingredientes
( menos o fermento) da massa no
liquidiﬁcador, aproximadamente
2 a 3 minutos

2. Acrescente o fermento e bata por
mais uns 15 segundos

3. Coloque em uma fôrma redonda,
u n t a d a c o m m a n t e i g a e
polvilhada com farinha de trigo

4. Asse por cerca de 40 minutos em
forno médio (180º graus),
preaquecido
programação declarativa
Comunique assim que estiver
pronto.

Não deixe o bolo queimar.

Não deixe que abram o forno
antes da hora.

Buscar alunos com menos de 30 anos.
alunos = [{nome: “Rodrigo”, idade: 30},
{nome: “Patricia”, idade: 20},
{nome: “Marcos”, idade: 33},
{nome: “Ricardo”, idade: 28}
]

menores = []
!
for (int i = 1; i <= 4; i++) {
aluno = alunos[i];
if (aluno.idade < 30) {
menores.add(aluno);
}
}
!
return menores;
]

menores = []
!
for (int i = 1; i <= 4; i++) {
aluno = alunos[i];
menores.add(aluno);
}
}
!
return menores;
]
imperativa

]
Nome Idade
1 Rodrigo 30
2 Patricia 20
3 Marcos 33
4 Ricardo 28

Nome Idade
1 Rodrigo 30
2 Patricia 20
3 Marcos 33
4 Ricardo 28
SELECT * FROM alunos WHERE idade < 30

Nome Idade
1 Rodrigo 30
2 Patricia 20
3 Marcos 33
4 Ricardo 28
declarativa

menores = []
!
for (int i = 1; i <= 4; i++) {
aluno = alunos[i];
menores.add(aluno);
}
}
!
return menores;
]

var numbers = [1,2,3,4,5]
var doubled = []
!
for(var i = 0; i < numbers.length; i++) {
var newNumber = numbers[i] * 2
doubled.push(newNumber)
}
console.log(doubled) //=> [2,4,6,8,10]

var doubled = []
!
for(var i = 0; i < numbers.length; i++) {
var newNumber = numbers[i] * 2
doubled.push(newNumber)
}
var doubled = numbers.map(function(n) {
return n * 2
})

var numbers = [1,2,3,4,5]!
!
!
!
!
!

var numbers = [1,2,3,4,5]!
var total = 0!
!
for(var i = 0; i < numbers.length; i++) {!
total += numbers[i]!
}!
console.log(total) //=> 15

var numbers = [1,2,3,4,5]!
var total = 0!
!
for(var i = 0; i < numbers.length; i++) {!
total += numbers[i]!
}!
var numbers = [1,2,3,4,5]!
!
var total = numbers.reduce(function(sum,n){!
return sum + n!
});!

programação imperativa
1. HOW
programação declarativa
WHAT

var doubled = [1,2,3].map(function(n) {
return n * 2
})

var doubled = [1,2,3].map(function(n) {
return n * 2
})
var total = [1,2,3].reduce(function(sum,n){!
return sum + n!
});

a closure (...) is a
function or reference to a
function together with a
referencing environment
“
http://en.wikipedia.org/wiki/Closure_(computer_science)

a closure (...) is a
function or reference to a
function together with a
referencing environment
“

closure = function + environment

encapsulamento,
que é bom....

>> “Alexandre Gomes”
>> undeﬁned
>> undeﬁned

Yahoo Javascript
Module Pattern

Programação Funcional com Javascript

Programação Funcional com Javascript

Recomendados

Recomendados

Mais conteúdo relacionado

Destaque

Destaque (7)

Mais de Alexandre Gomes

Mais de Alexandre Gomes (20)

Programação Funcional com Javascript