Подключение callback-функции из другого js-файла

Рейтинг: 0Ответов: 1Опубликовано: 17.04.2015

Приветствую.

Есть 1-й js-файл со следующим кодом:

(function($) {
$(function() {

    function myfunction(callback) {
        // тут jQuery-код
        callback();
    }

    myfunction(showAlert);

});
})(jQuery);

Есть 2-й js-файл со следующим кодом:

(function($) {
$(function() {

    function showAlert() {
        alert('Hello!');
    }

});
})(jQuery);

Вопросы:

  1. Как сделать, чтобы функция showAlert() запускалась из 2-го файла? Сейчас выдается ошибка: `Uncaught ReferenceError: showAlert is not defined.

  2. Как сделать, чтобы ошибки Uncaught ReferenceError: showAlert is not defined также не было в том случае, когда нет второго js-файл (т.е. когда функция showAlert() нигде не прописана)?

Т.е. по сути мне нужна возможность запуска callback-функции из любого другого js-файла, подключенного к сайту.

javascript jquery
Источник: Stack Overflow на русском

Ответы

▲ 1

Вы нарушаете законы области видимости. Помещая что-то в самовызываюшуюся функцию (function() {})() вы создаете новую область видимости. Области идут сверху в низ, но не с низу вверх. Поэтому ваша функция видит,все что находится на уровень выше, но вот этот уровень выше в ф-цию заглянуть не сможет. От сюда и ошибка, что ваш callback не определен. Вашу проблему не решить, не вынося хоть-что в глобальную область видимости.
Что бы проверить можно ли вызывать функцию, можно сделать так:

func && typeof func == 'function' && func()

Не совсем явно, поэтому расскажу:

  1. Проверяем, определенна ли переменная ( в данном случае undefined она или нет)
  2. Проверяем является ли переменная функцией
  3. Выполняем функцию ( в js ленивая логика, если где-то запнется перед последней проверкой, дальше даже не пойдет )

На счет главного вопроса: либо создайте один глобальный модуль, аля Callbacks, там записывайте все колбеки ( доступ только через объект Callbacks)

var Callback = {}
Callback.showAlert = function () {};

showAlert() // ошибка
Callback.showAlert() // все работает

Либо выносите переменные в глобальную область видимости ( либо под одну самовызываюшуюся ф-цию)