Книга: JavaScript. Подробное руководство, 6-е издание

8.5. Функции как пространства имен

8.5. Функции как пространства имен

В разделе 3.10.1 говорилось, что в языке JavaScript существует такое понятие, как область видимости функции: переменные, объявленные внутри функции, видимы в любой точке функции (включая и вложенные функции), но они существуют только в пределах функции. Переменные, объявленные за пределами функции, являются глобальными переменными и видимы в любой точке JavaScript-программы. В языке JavaScript отсутствует возможность объявлять переменные, доступные только внутри отдельно расположенного блока программного кода, и по этой причине иногда бывает удобно определять функции, которые играют роль временного пространства имен, где можно объявлять переменные, не засоряя глобальное пространство имен.

Предположим, например, что имеется модуль JavaScript, который можно использовать в различных JavaScript-программах (или, если говорить на языке клиентского JavaScript, в различных веб-страницах). Допустим, что в программном коде этого модуля, как в практически любом другом программном коде, объявляются переменные для хранения промежуточных результатов вычислений. Проблема состоит в том, что модуль будет использоваться множеством различных программ, и поэтому заранее неизвестно, будут ли возникать конфликты между переменными, создаваемыми модулем, и переменными, используемыми в программах, импортирующих этот модуль. Решение состоит в том, чтобы поместить программный код модуля в функцию и затем вызывать эту функцию. При таком подходе переменные модуля из глобальных превратятся в локальные переменные функции:

function mymodule() {
  // Здесь находится реализация модуля.
  // Любые переменные, используемые модулем, превратятся в локальные
  // переменные этой функции и не будут засорять глобальное пространство имен.
}
mymodule(); // Но не забудьте вызвать функцию!

Данный программный код объявляет единственную глобальную переменную: имя функции «mymodule». Если даже единственное имя это слишком много, можно определить и вызвать анонимную функцию в одном выражении:

(function() { // функция mymodule переписана как неименованное выражение
  // Здесь находится реализация модуля.
}()); // конец литерала функции и ее вызов.

Такой способ определения и вызова функции в одном выражении настолько часто используется в практике, что превратился в типичный прием. Обратите внимание на использование круглых скобок в этом примере. Открывающая скобка перед ключевым словом function является обязательной, потому что без нее ключевое слово function будет интерпретироваться как инструкция объявления функции. Скобки позволят интерпретатору распознать этот фрагмент как выражение определения функции. Это обычный способ - заключение в скобки, даже когда они не требуются, определения функции, которая должна быть вызвана сразу же после ее определения.

Практическое применение приема создания пространства имен демонстрируется в примере 8.3. Здесь определяется анонимная функция, возвращающая функцию extend(), подобную той, что была представлена в примере 6.2. Анонимная функция проверяет наличие хорошо известной ошибки в Internet Explorer и возвращает исправленную версию функции, если это необходимо. Помимо этого, анонимная функция играет роль пространства имен, скрывающего массив с именами свойств.

Пример 8.3. Функция extend(), исправленная, если это необходимо

// Определяет функцию extend, которая копирует свойства второго и последующих аргументов
// в первый аргумент. Здесь реализован обход ошибки в IE: во многих версиях IE цикл for/in
// не перечисляет перечислимые свойства объекта о, если одноименное свойство
// его прототипа является неперечислимым. Это означает, что такие свойства,
// как toString, обрабатываются некорректно, если явно не проверять их.
var extend = (function() { // Присвоить значение, возвращаемое этой функцией
  // Сначала проверить наличие ошибки, прежде чем исправлять ее.
  for(var р in {toString:null}) {
    // Если мы оказались здесь, значит, цикл for/in работает корректно
    // и можно вернуть простую версию функции extend()
    return function extend(o) {
      for(var і = 1; і < arguments.length; i++) {
        var source = arguments[i];
        for(var prop in source) o[prop] = source[prop];
      }
      return o;
    };
  }
  // Если мы оказались здесь, следовательно, цикл for/in не перечислил
  // свойство toString тестового объекта. Поэтому необходимо вернуть версию extend(),
  // которая явно проверяет неперечислимость свойств прототипа Object.prototype.
  // Список свойств, которые необходимо проверить
  var protoprops = ["toString", "valueOf", "constructor", "hasOwnProperty",
  "isPrototypeOf". "propertylsEnumerable". "toLocaleString"];
  return function patched_extend(o) {
    for(var і = 1; і < arguments.length; i++) {
      var source = arguments[i];
      // Скопировать все перечислимые свойства
      for(var prop in source) o[prop] = source[prop];
      // А теперь проверить специальные случаи свойств
      for(var j = 0; j < protoprops.length; j++) {
        prop = protoprops[j];
        if (source.hasOwnProperty(prop)) o[prop] = source[prop];
      }
    }
    return o;
  };
}0);

Оглавление книги