APP.templates = (function () {}）这个结构该怎么理解呢？

Question

APP.templates = (function () {

    'use strict';

    function application() {

    }

    function home() {

        return '<button id="refreshButton">刷新新闻</button><div id="headlines"></div></div>';

    }

    function articleList(articles) {

        var i, l, output = '';

        if (!articles.length) {

        }

        for (i = 0, l = articles.length; i < l; i = i + 1) {

        }

        return '<ul>' + output + '</ul>';

    }

    function article(articles) {

        }

        return '<a href="#">回到首页</a><h2>' + articles[0].headline + '</h2><h3>作者：' + articles[0].author + ' ，发表日期：' + articles[0].date + '</h3>' + articles[0].body;

    }

    function articleLoading() {

        return '<a href="#">回到首页</a><br /><br />Please wait&hellip;';

    }

    return {

        application: application,

        home: home,

        articleList: articleList,

        article: article,

        articleLoading: articleLoading

    };

}());

APP.templates = (function () {}）这个结构该怎么理解呢？为什么前面这个APP.templates不用审明呢？

还有最下面的段：

return {

        application: application,

        home: home,

        articleList: articleList,

        article: article,

        articleLoading: articleLoading

    };

怎么理解呢？前后两个（比如 application: application中前面和后面的）分别是什么意思呢？