JavaScript: глобальный масштаб

Question

В настоящее время я создаю файл .js с множеством функций, а затем привязываю его к моим страницам html. Это работает, но я хочу знать, как наилучшим образом (хорошие практики) вставлять js на мои страницы и избегать конфликтов с областью ... Спасибо.

Answer 1

Возможно, это не самый лучший способ, но многие PHP-системы (я смотрю на вас, Drupal) берут имя своего конкретного плагина и добавляют его ко всем именам своих функций. Вы могли бы сделать что-то подобное, добавив имя своей возможности к своим именам функций - «mything_do_action()»

В качестве альтернативы вы могли бы использовать более «OO» подход и создать объект, который инкапсулирует ваши возможности, и добавить все ваши функции как функции-члены для ИТ. Таким образом, в глобальном масштабе есть всего одна проблема.

Answer 2

Лучший способ - создать новую область и выполнить свой код там.

(function(){ 
    //code here 
})(); 

Это лучше всего использовать, когда доступ к глобальной области доступа осуществляется как минимум.

В принципе, это определяет анонимную функцию, дает ей новую область и вызывает ее.

Answer 3

Простая идея состоит в том, чтобы использовать один объект, который представляет пространство имен:

var NameSpace = { 
    Person : function(name, age) { 

    } 
}; 

var jim= new NameSpace.Person("Jim", 30); 

Answer 4

Вы можете обернуть их в анонимной функции, как:

(function(){ /* */ })();

Однако, если вам нужно повторно использовать все функции javascript, которые вы написали в другом месте (в других сценариях), вам лучше создать единый глобальный объект, к которому они могут быть доступны. Или как:

var mySingleGlobalObject={}; 
mySingleGlobalObject.someVariable='a string value'; 
mySingleGlobalObject.someMethod=function(par1, par2){ /* */ }; 

или альтернативный, более короткий синтаксис (который делает то же самое):

var mySingleGlobalObject={ 
    someVariable:'a string value', 
    someMethod:function(par1, par2){ /* */ } 
};

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

mySingleGlobalObject.someMethod('jack', 'jill');