的JavaScript：使用CONSOLE.LOG

Question

我使用JavaScript滑动条的修改版本从tutorial by Thoriq Firdaus

我试图打印变量value使用console.log(value)我的Firefox控制台时“的ReferenceError值没有定义”错误但我不断收到以下错误

ReferenceError: value is not defined

console.log(value)

有谁能告诉我哪里出了问题？

$(function() { 
    var initX=0,minX=50,width=400;   
    var slider = $('#slider'), 
     tooltip = $('.tooltip'); 

    slider.slider({ 
     //Config 
     min: -50, 
     max: +50, 
     value: 0, 

     start: function (event, ui) { 
      tooltip.fadeIn('fast'); 
     }, 

     //Slider Event 
     slide: function (event, ui) { 
      var value = slider.slider('value'), 
       volume = $('.volume'); 

      tooltip.css('left', initX+(value*width)/100).text(ui.value); 
     }, 

     stop: function (event, ui) { 
     }, 
    }); 
    initX=slider.slider("value"); 

    console.log(value) 

    var txt=initX; 
    initX+=(minX*width)/100; 
tooltip.css('left',initX).text(txt); 
}); 

Answer 1

正如@snemy和@SLaks所解释的，变量'value'只在包含其声明的函数调用的作用域中可见。

所以，澄清，这将工作：

//Slider Event 
    slide: function (event, ui) { 
     var value = slider.slider('value'), 
      volume = $('.volume'); 

     console.log(value); 

     tooltip.css('left', initX+(value*width)/100).text(ui.value); 
    } 

但不是你尝试过什么，因为变量的值是不可见的，你已经把你的console.log声明;并且slide函数可能尚未被调用。

如果您不熟悉该语言，您可以阅读更多关于范围here的内容。