Я просматривал исходный код JavaScript для SlickGrid.
Я заметил, что 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, window, { // code });выглядит так, как будто он имеет отношение к "пространству имен"; какое пространство имен? Похоже, что нижняя$.extend(this, { // code });используется для выставления "публичных" членов и функций? Как бы вы определили частную функцию или переменную? -
Как бы вы инициализировали несколько "SlickGrids", если хотите? Сколько они будут делиться и как они будут взаимодействовать? Обратите внимание на функцию "конструктор":
function SlickGrid(...) { // code }. -
Каковы некоторые книги, ссылки и другие ресурсы по кодированию в этом стиле? Кто его придумал?
Спасибо! ♥
