objeto javascript acessado somente dentro de eventos

[ronaldo_rjr 0]

Boa tarde a todos,

 

Sou novo em desenvolvimento com javascript e jquery e gostaria de saber se poderiam me ajudar com uma questão:

 

criei em um arquivo separado, um script javascript com um objeto utilizando o pattern strategy para instanciar um objeto de acordo com o parametro passado ao construtor.

 

algo como:

 

//inicio

 

Alerta = function(tipo) {
this.tipo = tipo;
if (this.alertas[tipo]) {
this.alerta = this.alertas[tipo]
} else {
this.alerta = this.alertas.default
}
}

Alerta.prototype.alertas = {
default: function(input) {
...
},
info: function(input) {
...
},
vazio: function(input) {
...
},
confirmar: function(input){
...
}
}

Alerta.prototype.estrutura = function (input) {
...
}

Alerta.prototype.action = function(input) {
this.alerta(input)
}

info = new Alerta('info');

//fim

 

depois, chamo ele assim

 

$(document).ready(function () {

$.getScript( 'script.js');

});

 

 

mas eu não consigo usar ele diretamente assim:

 

$(document).ready(function () {

$.getScript( 'script.js');

info.action("exemplo");

});

 

 

mas se eu usar ele dentro de um evento ele funciona, exemplo:

 

$(document).ready(function () {

$.getScript( 'script.js');

$('.botaoqualquer').click(function(){

info.action("exemplo");

});

});

 

 

o que eu entendo é que deve ter alguma a coisa ver com escopo, mas não consegui resolver, alguém pode me ajudar com isso?

 

 

abraços,

 

Ronaldo.

[William Bruno 1501]

O objeto Alerta está dentro do arquivo script.js ?

 

se for isso que falei, não é escopo, é a concorrência assíncrona.

Você precisa esperar que o getScript termine, para só depois usar o conteúdo do script, entendeu ?

[ronaldo_rjr 0]

Obrigado William, é isso mesmo que você entendeu.

 

Eu nunca tinha ouvido falar de concorrência assíncrona, como disse sou bem novo nisso. Você conhece algum material (português ou inglês) para indicar aonde eu possa estudar um pouco melhor?

 

eu usei o $.getScript porque não tinha conseguido inicializar o objeto importando o script entre as tags

<script type="text/javascript" src="script.js"></script>

 

se não for abusar muito (e se for poderia só me indicar alguns tutoriais para aprender melhor?) você poderia me ensinar a carregar esse script de forma que eu possa usar dentro da função

 

$(document).ready(function () {

});

o que eu vi na documentação jquery é que eu posso usar mais ou menos assim:

$(document).ready(function () {

jQuery.getScript("script.js")

.done(function() {
info.action("teste");

//e todo o resto do meu java script aqui
});

});

esse seria o jeito mais correto? você recomenda outro esquema?

Obrigado pela ajuda.

abraços,

Ronaldo.