Em JavaScript, uma variável é global nas seguintes situações:
Ela foi declarada sem usar
var
:fill = ""; // Globalmente acessível
Ela foi declarada usando
var
, mas no top-level (i.e. sem estar dentro de nenhuma função):var fill = ""; // Globalmente acessível
Ela foi criada atribuindo-se uma propriedade ao objeto global (que no browser é
window
):window.fill = ""; // Globalmente acessível window["fill"] = ""; // Globalmente acessível
Caso contrário ela é local à função em que foi definida. Note que parâmetros de funções funcionam como variáveis locais. Variáveis locais a uma função são acessíveis dentro dela e dentro de qualquer função definida em seu corpo (ver closure).
$(document).ready(function() {
var fill = ""; // Acessível somente dentro dessa função
});
Não existe escopo de bloco em JavaScript, de modo que variáveis criadas dentro de um bloco serão visíveis no seu escopo mais externo:
function teste() {
for ( var x = 10 ; x < 20 ; x++ ) { // x é acessível em qualquer lugar dentro da função
var y = 42; // y é acessível em qualquer lugar dentro da função
}
}
for ( var x = 10 ; x < 20 ; x++ ) { // x é globalmente acessível
var y = 42; // y é globalmente acessível
}
Sendo assim, se você quer que sua variável seja acessível em duas funções diferentes, você pode declará-la no seu escopo comum (como sugerido na resposta do bigownManiero) - tomando o cuidado pra esse escopo não ser o top-level (caso em que a variável se tornaria global com ou sem o var
). Alternativamente, se você quiser restringir mais o escopo, você pode criar um closure específico para essas duas funções:
(function() {
var fill; // Não é acessível fora desse closure
$("#div3").click(function() {
fill = "a";
});
$("#div2").click(function() {
alert(fill);
});
})();