Как работать с namespace в javascript?

Question

[Programep]

Не совсем понимаю как использовать пространства имен в javascript.
Подскажите для чего нужна выделенная строка или вообще не нужна в данном коде?

var app = app || {}; // эта строка
function app(){}
app.prototype={
init: function (param){
},
connect: function(){
}
}

Answer 1

[Алексей Уколов]

Подскажите для чего нужна выделенная строка или вообще не нужна в данном коде?

Поскольку в js нет нативных неймспейсов, используется именно такой способ их "эмуляции". Но учитывая, что потом объявляется одноименная функция, внутри которой ещё и прототип переопределяется, приведённый код - полная хрень.

Предполагается, что будет что-то вроде этого:

var app = app || {};

app.myModule = (function () {
  connect: function(){}
})()

Но такой подход, на самом деле, уже устарел, ведь в ES6 появились нативные модули. А в качестве пространств имён выступают директории.

Comments

[Programep]

Но тогда не будет работать
var app=new app();
в index.html
Дело в том, что пытаюсь разобраться с ооп в js, и делать сразу более менее поддерживаемый код. До этого начинал просто функциями в index.html писать. Сейчас перенес все в отдельный js-файл и пытаюсь там сделать более менее понятную структуру, со свойствами и функциями. Можете подсказать как лучше структурировать js-код?

[Алексей Уколов]

Раз вы только начинаете изучать js - берите сразу нативные модули ES6.

[Dark Hole]

Алексей Уколов: вот здесь можно поспорить. >50% еще не перешли на ES6

[Programep]

Алексей Уколов: я работаю с extjs. На чистом js почти не писал, поэтому с ооп не работал. Этот стандарт совсем недавно вышел. Думаю еще рано его использовать.

[Алексей Уколов]

Programep: да, сам по себе он ещё мало где поддерживается, но есть транспайлеры, которые компилируют совместимый со всеми современными браузерами код.
Не хотите использовать его - есть несколько других реализаций модулей. В js неймспейсы и не нужны особо при наличии модулей: импортируете что нужно и называете переменную как хотите - никаких коллизий. Поэтому, забудьте про неймспейсы и погрузитесь в саму суть ООП в js - по вашему коду видно, что вы пока не очень его понимаете.

[Алексей Уколов]

Но тогда не будет работать
var app=new app();

1. Функции-конструкторы должны называться с заглавной буквы.
2. Если вам нужно new App(), то при чём тут неймспейсы?