-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathapp1.js
More file actions
36 lines (28 loc) · 1.5 KB
/
app1.js
File metadata and controls
36 lines (28 loc) · 1.5 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
( function(document, console) { //indica uma referencia externa e restrita ao scopo de nossa função
//no caso, só se passa coisas específicas - passar referências comuns, como document e console
//não é viável, visto que sempre serão utilziados.
'use strict';
//por estar considerando a compatibilidade com o browser, não será utilizado o ES56
var inputNome = document.getElementById('nome');
var sendButton = document.getElementById('send');
/*Exemplo 1
sendButton.addEventListener('click', sendMessage); // a função sendMessage aqui é enviada como callback
function sendMessage(){
console.log(inputNome.value);
}*/
/*Exemplo 2 - Problema de isolamento com função do arquivo app2.js
se colocar dentro de uma função, os itens não vazar para os demais arquivos js porém ela
não é executa - isola-se mas não permite a execução - se colocar entre parênteses a
função ela vira um objeto e poderá ser então executado: (function(){ CODIGO AQUI})();
essa técnica se chama IIFE (Expressão de Função Imediatamente Invocada ou
Immediately-Invoked Function Expression) em JavaScript
No node não acontece isso, porque o node coloca automaticamente essa função no código
)*/
sendButton.addEventListener('click', function eventClick() {
sendMessage(inputNome.value);
});
function sendMessage(message){
console.log(message);
}
})(document, console);//indica uma referencia externa - se colocou na chamada da função de isolamento na
//primeira linha, tem que ser incluído aqui também