Как объявить глобальную переменную в JavaScript? - PullRequest
Новая
       2

Как объявить глобальную переменную в JavaScript?

134 голосов
/ 28 июля 2010

Как я могу объявить глобальную переменную в JavaScript?

Ответы [ 6 ]

213 голосов
/ 28 июля 2010

Если вам необходимо генерировать глобальные переменные в производственном коде (чего следует избегать) всегда объявляйте их явно : 

window.globalVar = "This is global!";

Хотя это возможноопределить глобальную переменную, просто пропустив var (при условии, что локальной переменной с тем же именем не существует), при этом генерируется глобальная неявная , что является плохой вещью и приведет к ошибке в строгий режим .

52 голосов
/ 28 июля 2010

Если это единственное приложение, в котором вы собираетесь использовать эту переменную, подход Феликса превосходен. Однако, если вы пишете плагин jQuery, рассмотрите «пространство имен» (подробности о кавычках позже ...) переменных и функций, необходимых для объекта jQuery. Например, в настоящее время я работаю над всплывающим меню jQuery, которое я назвал miniMenu. Таким образом, я определил «пространство имен» miniMenu в jQuery, и я помещаю все туда.

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

Кроме того, для удобства я обычно разделяю пространство имен плагина с i пространством имен для вещей, которые должны использоваться только внутри плагина, чтобы скрыть его от пользователей плагина.

Вот как это работает: 

// An object to define utility functions and global variables on:
$.miniMenu = new Object(); 
// An object to define internal stuff for the plugin:
$.miniMenu.i = new Object();

Теперь я могу просто делать $.miniMenu.i.globalVar = 3 или $.miniMenu.i.parseSomeStuff = function(...) {...} всякий раз, когда мне нужно что-то сохранить глобально, и я все еще держу это вне глобального пространства имен.

21 голосов
/ 02 июня 2015

С помощью jQuery вы можете просто сделать это, независимо от того, где находится объявление: 

$my_global_var = 'my value';

И будет доступно везде. Я использую его для создания быстрых галерей изображений, когда изображения распространяются в разных местах, например так: 

$gallery = $('img');
$current = 0;

$gallery.each(function(i,v){
    // preload images
    (new Image()).src = v;
});
$('div').eq(0).append('<a style="display:inline-block" class="prev">prev</a> <div id="gallery"></div> <a style="display:inline-block" class="next">next</a>');
$('.next').click(function(){
    $current = ( $current == $gallery.length - 1 ) ? 0 : $current + 1;
    $('#gallery').hide().html($gallery[$current]).fadeIn();
});
$('.prev').click(function(){
    $current = ( $current == 0 ) ? $gallery.length - 1 : $current - 1;
    $('#gallery').hide().html($gallery[$current]).fadeIn();
});

Совет : запустите весь этот код в консоли на этой странице; -)

15 голосов
/ 28 июля 2010

Вот базовый пример глобальной переменной, к которой могут обращаться остальные функции. Вот живой пример для вас: http://jsfiddle.net/fxCE9/

var myVariable = 'Hello';
alert('value: ' + myVariable);
myFunction1();
alert('value: ' + myVariable);
myFunction2();
alert('value: ' + myVariable);


function myFunction1() {
    myVariable = 'Hello 1';
}

function myFunction2() {
    myVariable = 'Hello 2';
}

Если вы делаете это в функции jquery ready (), убедитесь, что ваша переменная находится внутри функции ready () вместе с другими вашими функциями.

4 голосов
/ 03 марта 2015

Объявить переменную вне функций 

function dosomething(){
  var i = 0; // can only be used inside function
}

var i = '';
function dosomething(){
  i = 0; // can be used inside and outside the function
}
3 голосов
/ 07 декабря 2015

Лучший способ - использовать closures, поскольку объект window очень, очень загроможден свойствами

Html 

<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript" src="init.js"></script>
    <script type="text/javascript">
      MYLIBRARY.init(["firstValue", 2, "thirdValue"]);
    </script>
    <script src="script.js"></script>
  </head>

  <body>
    <h1>Hello !</h1>
  </body>    
</html>

init.js (на основе этот ответ ) 

var MYLIBRARY = MYLIBRARY || (function(){
    var _args = {}; // private

    return {
        init : function(Args) {
            _args = Args;
            // some other initialising
        },
        helloWorld : function(i) {
            return _args[i];
        }
    };
}());

script.js 

// Here you can use the values defined in the html as if it were a global variable
var a = "Hello World " + MYLIBRARY.helloWorld(2);

alert(a);

Вот это plnkr . Надеюсь, это поможет!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...