Как получить доступ к переменной внутри другой функции

Question

У меня есть функция для вычисления ширины экрана

var screenWidth = jQuery(window).width(); 

function checkScreenSize() 
{ 
    screenWidth = jQuery(window).width(); 
} 

jQuery(window).on("resize", checkScreenSize).resize(); 

Как я могу использовать этот screenWidth внутри другой функции?

EDIT:

Я хочу, чтобы получить доступ к этой переменной здесь, например:

function showContent() { 
    if(screenWidth <= 1000) 
    { 
     console.log(screenWidth); 
    } 
} 

Answer 1

Поскольку screenWidth является глобальной переменной, объявленной вне function вы упомянули, вы можете получить доступ к нему как это это:

function foo() { 
    console.log(screenWidth); 
} 

Answer 2

Ваш глобальный screenWidth является довольно уселенным s ...

, если вам нужно знать ширину внутри обратного вызова обработчика изменения размеров, что то, где вам нужно позвонить jQuery(window).width()

function checkScreenSize(){ 
 
    var w = $(window).width() 
 
    console.log(w) 
 
} 
 

 
jQuery(window).on("resize", checkScreenSize) 
 

 
// .resize() is a shorthand for .on('resize' method

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 3

, когда вы определили переменную из функции, это будет глобальная переменная, и вы можете использовать ее в другой функции!
У вас есть проблема с этим?

---

вы также можете посетить: http://www.w3schools.com/js/js_scope.asp

Answer 4

Вы можете достичь этого путем определения указанной переменной в global сферы; если этот var screenWidth = ... определен внутри какого-либо другого контекста функции, у вас не будет доступа к нему из других функций.

Использование globals - плохая идея; однако во многих случаях вам нужно какое-то переменное значение, к которому вам нужен доступ из других мест. В этом случае можно построить хорошо определенный контейнер «Globals», как именно:

'use strict';  // strict mode :: prevents nasty bugs 
this.Main = this; // super-global :: refers `window` -or- `global` 

Main.Globals = {screenWidth:null}; 

// your dynamic screen resizing code here sets the `Globals.screenWidth` 
// now you have access to this anywhere 

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