Olá, pessoal. Estou tentando fazer uma função que funciona como o require
de algumas linguagens, como Ruby.
Usar createElement
depois que a página já estiver carregada é tranquilo, mas em cadeia e em tempo de carregamento é uma tarefa complicada.
Com o document.write("<script src=" + ...)
o javascript nem carrega, emite um warning
informando que não pode ser usado quando os scripts estão sendo carregados de forma assíncrona.
A complexidade do meu caso se dá pelo fato de que um script depende de um outro que está em outro arquivo, e este, por sua vez, depende de um outro, que também está em outro arquivo (requisição em cadeia). Eu poderia resolver tudo fazendo um arquivo grandão, mas, sou muito metódico com organização, e me sinto muito mal quando vou manutenir algo num arquivo imenso. Dá-lhe ctrl + f
.
Não gosto de ter de usar plugins para tudo que for fazer, assim elimino dependências (quanto mais dependência, menos conhecimento, e menos controle do que acontece por trás das cortinas), dentre outras coisas. O requirejs
é funcional, mas ele usa callback para fazer o AMD (Asynchronous Module Definition), gerando uma estranheza semântica.
O jquery também usa callback. O método .getScript
faz XHR para pegar o script no servidor, sendo o callback a certeza de carregamento, o que também não é a minha pretensão. O que pretendo fazer, é uma alternativa mais parecida com a forma convencional de outras linguagens. Não sei se é possível, mas, de repente usar recursivamente o setTimeout
para não deixar que as linhas posteriores ao require sejam interpretadas, caso contrário um erro será lançado, pois o arquivo do qual o script depende ainda não estaria completamente carregado, não existindo ainda o Objeto
a ser estendido.
Mais complexo ainda é fazer isso em cadeia, pois o último arquivo adicionado, deve ser o primeiro a ser carregado, depois o penúltimo, e assim sucessivamente, até que as linhas subsequentes do primeiro arquivo, o qual dispara essa reação em cadeia, continue a ser interpretada. Caso em que nenhum erro seria levantado, pois nada seria dado como undefined
.
//= require ...
. Isso é uma solução bacana porque o cliente fará apenas uma requisição para carregar o arquivo. Mas estou tentando fazer algo genérico, desacoplado.