Как вызвать внешнюю функцию JavaScript в HTML?

Question

У меня есть 2 JavaScript файлы:

FILE2.js и FILE1.js

внутри FILE1.js 3 функции:

1. FUNCTION1
2. Function2
3. FUNCTION3

Question1: Как я могу л FUNCTION2 внутри FUNCTION1

question2: Внутри HTML я включаю FILE1 и FILE2 как:

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

Как сделать HTML, чтобы узнать, какой файл использовать, когда мне это нужно? и даже какой FUNCTION в этом файле?

Спасибо, и я ценю. OK вот коды

//return an array of values that match on a certain key 

FILE1, function1

function function1(obj, key) { 
    var community = []; 
    for (var i in obj) { 
     if (!obj.hasOwnProperty(i)) continue; 
     if (typeof obj[i] == 'object') { 
      community = community.concat(getValuesCommunity(obj[i], key)); 
     } else if (i == key) { 
      community.push(obj[i]); 
     } 
    } 
return community; 
} 

// split the string array into corresponding constituent 

еще FILE1, но function2

function function2() {  
    community = community.split("/"); 
    return community 

я должен позвонить function1 в function2 или наоборот, и как это делается ?

obj==ACTIVITY as shown in the JSON 

var ACTIVITIES = 
    {"games": 
      [ 
       {"Definition1": 
         [ 
          {"SPORTS" : "SPORTS"}, 
          {"PHYSICAL SPORTS" : "SPORTS/PHYSICAL SPORTS"}, 
          {"MENTAL SPORTS" : "SPORTS/MENTAL SPORTS"}, 
          {"COMPUTER GAMES" : "SPORTS/COMPUTER GAMES"}, 
          {"more" : "SPORTS/PHYSICAL GAMES/more"}, 
          {"and more" : "SPORTS/PHYSICAL GAMES/more/and more"} 
         ] 
       }, 
       {"Definition2": 
         [ 
          {"SPORTS" : "SPORTS"}, 
          {"name" : "article2"} 
         ] 
       } 
      ] 
    }; 

если называть JSON

<script> 
function myFunction() { 
        document.getElementById("loadJSON").innerHTML = getValuesCommunity(ACTIVITIES, "and more"); 
       } 
</script> 

<div> 
    <button onclick="myFunction()">Load and Read JSON file</button> 
    <p id="loadJSON"></p> 
</div> 

Если дать мне список

SPORTS,PHYSICAL SPORTS, more, and more 

Answer 1

//Moved your array otherwise it will be overwritten every time you call function1 
var community = []; 
function function1(obj, key) { 
    for (var i in obj) { 
     if (!obj.hasOwnProperty(i)) continue; 
     if (typeof obj[i] == 'object') { 
      community = community.concat(getValuesCommunity(obj[i], key)); 
     } else if (i == key) { 
      community.push(obj[i]); 
     } 
    } 
//Replaced community with the function call as the function will return the community array. 
    return function2(); 
} 

function function2() {  
    community = community.split("/"); 
    return community 
} 

Я не тестировал ваш javascript, я просто перевел то, что вы просили.

Answer 2

Если предположить, что функции Глобалы, вы просто использовать их имена.

file1.js:

function function1() { 
} 

file2.js:

function function2() { 
} 

file3.js:

function function3() { 
    function1(); // <== Example call 
} 

Обратите внимание, что файл, содержащий функцию, должны быть включены в script тег перед тем вы вызываете эту функцию (так что функция определена).

Создание кучи таких глобальных переменных, как правило, не является лучшей практикой.Вместо этого следует использовать только один глобальный и делает функции свойства на нем:

file1.js:

var MyApp = MyApp || {}; 

MyApp.function1 = function() { 
}; 

file2.js:

var MyApp = MyApp || {}; 

MyApp.function2 = function() { 
}; 

file3.js:

var MyApp = MyApp || {}; 

MyApp.function3 = function() { 
    MyApp.function1(); // <=== Example call 
}; 

или использовать AMD (определение асинхронного модуля), например Requ ireJS.

Answer 3

использовать javascript instanceof, чтобы найти функцию действительной: например, если (функция FUNCTION1 instaceof), чтобы решить, загружена ли она.