我注意到slick.grid.js有以下结构：

(function($) {
    // Slick.Grid
    $.extend(true,window,{
        Slick: {
            Grid: SlickGrid
        }
    });

    var scrollbarDimensions; // shared across all grids on this page

    ////////////////////////////////////////////////////////////////////////////
    // SlickGrid class implementation (available as Slick.Grid)

    /**
     * @param {Node}           container   Container node to create the grid in.
     * @param {Array,Object}   data        An array of objects for databinding.
     * @param {Array}          columns     An array of column definitions.
     * @param {Object}         options     Grid options.
     **/
    function SlickGrid(container,data,columns,options) {
        /// <summary>
        /// Create and manage virtual grid in the specified $container,/// connecting it to the specified data source. Data is presented
        /// as a grid with the specified columns and data.length rows.
        /// Options alter behavIoUr of the grid.
        /// </summary>

        // settings
        var defaults = {
            ...
        };

        ...

        // private
        var $container;

        ...


        ////////////////////////////////////////////////////////////////////////
        // Initialization

        function init() {
            /// <summary>
            /// Initialize 'this' (self) instance of a SlickGrid.
            /// This function is called by the constructor.
            /// </summary>

            $container = $(container);

            ...
        }

        ////////////////////////////////////////////////////////////////////////
        // Private & Public Functions,Getters/Setters,Interactivity,etc.
        function measureScrollbar() {
            ...
        }

        ////////////////////////////////////////////////////////////////////////
        // Public API

        $.extend(this,{
            "slickGridVersion": "2.0a1",// Events
            "onScroll":                     new Slick.Event(),...

            // Methods
            "registerPlugin":               registerPlugin,...

        });

        init();
    }
}(jQuery));

为了简洁和清晰,已经省略了一些代码,但这应该给你一个总体的想法.

>以下是什么目的：(function($){// code}(jQuery));这是我看过的模块模式吗？这是否意味着保持全局命名空间清洁？
> .extend()行的意思是什么？：顶部$.extend(true,{// code});看起来像是与“命名空间”有关系;什么是命名空间？它看起来像底部的$.extend(this,{// code});用来暴露“公众”的成员和职能？你如何定义私有函数或变量？
>如果您想要,您将如何初始化多个“SlickGrids”？他们会分享多少,他们将如何互动？注意“构造函数”函数：function SlickGrid(…){// code}.
>这种风格的编码有哪些书籍,链接和其他资源？谁发明了？

谢谢！ ♥