Использование пространств имен для организации JavaScript-кода

класс! пусть после этого только попробуют поныть на тему отсутствия IT-направленного материала на Хабре!
автору спасибо и респект за перевод

Спасибо за перевод, действительно использование неймспейсов сводит к минимуму воздействия различных библиотек между собой.

> Ext.namespace создаст объекты с переданными именами, если они еще не существуют

> Определение MySingleton внутри пакета App.data

А если объекты существуют, да еще и, например, внутри "пакета" App.data уже есть св-во MySingleton, тогда что?
Нет, все-же в отсутствие необходимых инструментов для органиции подобных структур (namespaces и т.п.) хочешь или не хочешь, а "подглядывать" в чужие скрипты придется для того, чтобы создавать уникальные идентификаторы.

по моему, гораздо удобнее использовать конструкции типа:

var App = {

form : {
foo : function () {
}
},

data : {
},

qux : function () {
}

}

p.s.: как-то странно хабр работает с тегом <code>

я тож немного поупражнялся :)

function package(p){
var objs=p.split('.');
var cobj=(window[objs[0]]=window[objs[0]]||{});
for(var i=1,l=objs.length; i<l ;i++)
cobj=(cobj[objs[i]]=cobj[objs[i]]||{});
}
package("my.pack.age");
//console.dir(my);
my.pack.age.func=function(){
alert('hi');
};
my.pack.age.func();


Если не хотите привязываться к какому-то фреймворку, для реализации пространства имен можно написать нечто вроде этого:

var someRootNamespace = new Object();

someRootNamespace.provide = function(object_name)
{
var objects = object_name.split('.');

var object = window;
for (var i=0; iЕсли не хотите привязываться к какому-то фреймворку, для реализации пространства имен можно написать нечто вроде этого:

var someRootNamespace = new Object();

someRootNamespace.provide = function(object_name)
{
var objects = object_name.split('.');

var object = window;
for (var i=0; i<objects.length; i++) {

if (0 == i && !window[objects[i]])
window[objects[i]] = new Object();
else if (0 < i && !object[objects[i]])
object[objects[i]] = new Object();

object = object[objects[i]];
}
}


После выполнения данных строк, в любом месте js-файлов можно писать
someRootNamespace.provide('SomeCompany.SomeBigNamespace.SomeBigSubnamespace');

Использую не только во избежание конфликтов, но и для разделения функций инициализации скрипта. Сейчас пользуюсь схемой — namespace на страницу + один для общих функций.

Все это сложено в один файл + на каждой странице iniline скрипт содержания active_namespace = "Home". Т.е. по DOMReady будет вызвана Home.init()

А в идеале вообще никаких переменных не надо: создали обработчики, повесили их на DOM и всё.