Есть ли «краткий» способ сделать пространство имен в JavaScript?

Я стараюсь следовать соглашению Yahoo о создании единственного родительского объекта в глобальной области видимости, содержащего все;

var FP = {};
FP.module = {};
FP.module.property = 'foo';

В качестве альтернативы точке или подчеркиванию вы можете использовать знак доллара:

var namespaces$com$example = "data"; 

Используйте литерал объекта и либо this объект, либо явное имя, чтобы задать пространство имен на основе родственных свойств локальной переменной, содержащей функцию. Например:

var foo = { bar: function(){return this.name; }, name: "rodimus" }
var baz = { bar: function(){return this.name; }, name: "optimus" }

console.log(foo.bar());
console.log(baz.bar());

Или без явного name свойства:

var foo = { bar: function rodimus(){return this; } }
var baz = { bar: function optimus(){return this; } }

console.log(foo.bar.name);
console.log(baz.bar.name);

Или без использования this :

var foo = { bar: function rodimus(){return rodimus; } }
var baz = { bar: function optimus(){return optimus; } }

console.log(foo.bar.name);
console.log(baz.bar.name);

Используйте функции конструктора RegExp или, Object чтобы добавить свойства имени к переменным счетчика и другим общим именам, а затем используйте hasOwnProperty тест для проверки:

 var foo = RegExp(/bar/);
 
/* Add property */
foo.name = "alpha";

document.body.innerHTML = String("<pre>" + ["name", "value", "namespace"] + "</pre>").replace(/,/g, "&#09;");

/* Check type */
if (foo.hasOwnProperty("name")) 
  {
  document.body.innerHTML += String("<pre>" + ["foo", String(foo.exec(foo)), foo.name] + "</pre>").replace(/,/g, "&#09;");
  }

/* Fallback to atomic value */
else 
  {
  foo = "baz";
  }

var counter = Object(1);

/* Add property */
counter.name = "beta";

if (counter.hasOwnProperty("name")) 
  {
  document.body.innerHTML += String("<pre>" + ["counter", Number(counter), counter.name] + "</pre>").replace(/,/g, "&#09;");
  } 
else 
  {
  /* Fallback to atomic value */
  counter = 0;
  }

DOM использует следующее соглашение для определения интерфейсов HTML и SVG-элементов пространства имен:

• HTMLTitleElement
• SVGTitleElement
• SVGScriptElement
• HTMLScriptElement

Ядро JavaScript использует прототипы для создания пространства имен toString метода как простой формы полиморфизма.

использованная литература

• Есть ли автобокс javascript?
• Получение одноуровневого значения ключа в литерале объекта JavaScript
• MDN: операторы JavaScript - это как объектный метод
• Lua: техническое примечание 7 - Модули и пакеты
• HTMLTitleElement.webidl
• SVGTitleElement.webidl
• SVGScriptElement.webidl
• HTMLScriptElement.webidl
• Названия функций в ES6
• Спецификация языка ECMAScript 2015 - 19.2.4.2 Экземпляры функций: name | ECMA-262 6-е издание

YUI библиотека библиотека содержит код , который обрабатывает пространства имен , используя функцию , которую вы можете найти предпочтительнее. Это могут делать и другие библиотеки.

Вот интересная статья Питера Мишо о пространстве имен Javascript . Он обсуждает 3 различных типа пространств имен Javascript:

1. Префиксное пространство имен
2. Пространство имен одного объекта
3. Пространство имен вложенных объектов

Я не буду копировать то, что он здесь сказал, но я думаю, что его статья очень информативна.

Питер даже зашел так далеко, что указал на то, что некоторые из них имеют проблемы с производительностью. Я думаю, что эту тему было бы интересно обсудить, учитывая, что новые планы ECMAScript Harmony отказались от планов 4.0 в отношении размещения имен и упаковки.

Чтобы убедиться, что вы не перезаписываете существующий объект, вы должны сделать что-то вроде:

if(!window.NameSpace) {
    NameSpace = {};
}

или

var NameSpace = window.NameSpace || {};

Таким образом, вы можете поместить это в начало каждого файла в вашем приложении / веб-сайте, не беспокоясь о перезаписи объекта пространства имен. Кроме того, это позволит вам писать модульные тесты для каждого файла индивидуально.

Мне также нравится это ( источник ):

(function() {
    var a = 'Invisible outside of anonymous function';
    function invisibleOutside() {
    }

    function visibleOutside() {
    }
    window.visibleOutside = visibleOutside;

    var html = '--INSIDE Anonymous--';
    html += '<br/> typeof invisibleOutside: ' + typeof invisibleOutside;
    html += '<br/> typeof visibleOutside: ' + typeof visibleOutside;
    contentDiv.innerHTML = html + '<br/><br/>';
})();

var html = '--OUTSIDE Anonymous--';
html += '<br/> typeof invisibleOutside: ' + typeof invisibleOutside;
html += '<br/> typeof visibleOutside: ' + typeof visibleOutside;
contentDiv.innerHTML += html + '<br/>';​