Tenho dois arquivos JavaScript
.
arquivo1.js
function teste()
{
alert("fui chamado!");
}
No arquivo2.js eu gostaria de ter acesso a função teste()
do arquivo1.js sem precisar fazer a referencia dentro do HTML
.
Isso é possível?
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadeTenho dois arquivos JavaScript
.
arquivo1.js
function teste()
{
alert("fui chamado!");
}
No arquivo2.js eu gostaria de ter acesso a função teste()
do arquivo1.js sem precisar fazer a referencia dentro do HTML
.
Isso é possível?
Você pode fazer o carregamento dinâmico do script, criando uma tag script
e inserindo-a na página. Por exemplo:
Arquivo1.js
function Script1() {
this.DigaOla = function() {
alert("Sou do script 1");
}
};
Arquivo2.js
function loadScript(url, callback) {
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
script.onreadystatechange = callback;
script.onload = callback;
head.appendChild(script);
}
$(document).ready(function() {
loadScript("Arquivo1.js", function() {
var s = new Script1();
s.DigaOla();
});
});
loadDependency
que vc criou. Fiz um fork do seu código, dá uma olhada.
3/06/2015 às 2:51
A forma mais simples é incluir o arquivo1 antes do arquivo2 no seu HTML:
<!doctype html>
<html>
<head>
<script src="arquivo1.js"></script>
<script src="arquivo2.js"></script>
</head>
Todas as globais definidas no arquivo1 serão visíveis no arquivo2.
Uma maneira um pouco mais limpinha de fazer isso é escrever o arquivo1 de forma que apenas uma global seja exportada:
var LIB = {};
(function(){
var msg = "fui chamado";
var funcao_interna(){
alert("oi");
}
LIB.teste = function(){
alert(msg);
}
LIB.teste2 = funcao_interna;
}());
E no arquivo2 você faz
LIB.teste();
Esse (function(){ ... }())
é uma "função imediatamente invocada" e é um truque que se usa em Javascript para controlar o escopo das variáveis. Todas as variáveis e funções declaradas ali dentro, como msg
e funcao_interna
não serão visíveis do lado de fora.
Outra maneira que você pode escrever é assim:
var LIB = (function(){
function teste(){ alert("chamou") }
return {
teste:teste
}
}());
window.LIB = (function(){ /* funções */ })();
?
2/06/2015 às 22:38