JS 函数局部变量，实例在线编辑

局部变量

什么是局部变量？比如，在同一个js文件中，某一个变量的作用域只限制在某一个局部之内，在此之外，引用该变量得到的值很可能是NaN。而通常情况下，在JavaScript的函数中声明的变量，会成为函数的局部变量，即某一个变量在声明该变量的函数内是可引用的，可访问的，在函数外部则是不可访问的。

局部变量对于编程的高效性，比如在不同的函数内可使用同一个名称来命名变量，而不必起一堆变量的名称。除此之外，局部变量的设计，也可以让不同函数内的变量互不干扰。

JS局部变量实例代码，及在线编辑器

<script>
  function dosomething(){
    var localvar = 1
    return localvar
  }
  local = dosomething()
  alert("这是返回值："+local)
  alert("试图在函数外部引用："+localvar)
</script>

试一试

实例代码解析

如上代码，第二个alert()函数试图在函数外部引用函数内部声明的变量，但是js的程序并没有执行该程序。下面，将通过try...catch...语句，看看引用局部变量的err信息是什么。

---

超出作用域引用局部变量

<script> 
  function dosomething(){
    var localvar = 1
    return localvar
  }
  try{
    alert(localvar)
  }catch(err){
    alert(err.message)
  }
//得到的信息是localvar is not defined
</script>

试一试