Путаница при вызове JS функций из Angular

Question

Привет всем Я работаю над проектом Angular, который использует внешние файлы JavaScript. Я пытаюсь понять, как работает следующий код. A jQuery newb ie здесь.

(function () {
    'use strict';

    if (!svgedit.shapes) {
        svgedit.shapes = {};
    }

    // Add here the your shapes file name 
    var shapesToLoad = ['my-shapes.js', 'proc-shapes.js', 'ape-shapes.js'];

    svgedit.shapes.load = function (path, callback) {
        var progress = 0;
        $.each(shapesToLoad, function() {
            var name = this;
            $.getScript(curConfig.shapesPath + name, function(d) {
                if (++progress == shapesToLoad.length) {
                    callback();
                }
            }).fail(function(){
                console.log('ERROR: loading ' + curConfig.shapesPath + name);
                if (++progress == shapesToLoad.length) {
                    callback();
                }
            });
        });
        return true;
    };
}());

Мой вопрос: как только этот файл будет загружен браузером, будет ли svgedit.shapes.load назначен с определением функции или он также будет выполнен? Когда я тестирую его с помощью инструментов разработчика chrome, я вижу, что функция выполняется. Но когда я впервые увидел код, я подумал, что он должен назначать функцию только для svgedit.shapes.load и что она должна выполняться только при вызове. Прошу уточнить.