JQuery сделать глобальную переменную

Question

Как передать функцию a_href = $(this).attr('href'); значение глобальной a_href, сделать a_href="home"

Answer 1

Ваш код выглядит отлично, за исключением возможности того, что если переменная декларация внутри обработчика чтения dom, то это не будет глобальная переменная ... это будет переменная закрытия

jQuery(function(){ 
    //here it is a closure variable 
    var a_href; 
    $('sth a').on('click', function(e){ 
     a_href = $(this).attr('href'); 

      console.log(a_href); 
     //output is "home" 

     e.preventDefault(); 
    } 
}) 

Чтобы сделать переменную глобальной, одно решение, это объявить переменную в глобальной области

var a_href; 
jQuery(function(){ 
    $('sth a').on('click', function(e){ 
     a_href = $(this).attr('href'); 

      console.log(a_href); 
     //output is "home" 

     e.preventDefault(); 
    } 
}) 

другой, чтобы установить переменную как свойство объекта окна

window.a_href = $(this).attr('href') 

Почему консоль печати undefined

Вы получаете вывод как undefined, потому что, хотя переменная объявлена, у вас нет initia lized его значением, значение переменной устанавливается только после нажатия на элемент a до того момента, когда переменная будет иметь значение undefined. Если вы не объявляя переменную будет бросать ReferenceError

Answer 2

установить переменную в окне:

window.a_href = a_href; 

Answer 3

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

(function(global) { 

    ... 

    global.varName = someValue; 

    ... 

}(this)); 

Недостатком этого метода является то, что globa.varName не будет существовать до тех пор, пока эта строка кода не будет выполнена, но с ней можно легко обойтись.

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