变量的作用域指变量有效的范围，与变量定义的位置密切相关，作用域是从空间的角度来描述变量的，也可以理解为变量的可见性。在某个范围内变量是可见的，也就是说，变量是可用的。
javascript变量作用域有两种类型：局部作用域、全局作用域。按照作用域的不同，变量可分为全局变量和局部变量。
全局作用域和全局变量
变量在函数外定义为全局变量，全局变量有局作用域：网页中的所有脚本和函数均可使用。
在代码中任何地方都能访问到的对象拥有全局作用域，一般来说以下几种情形拥有全局作用域：
1、最外层函数和在最外层函数外面定义的变量拥有全局作用域
2、所有末定义直接赋值的变量自动声明为拥有全局作用域
3、所有window对象的属性拥有全局作用域
一般情况下，window对象的内置属性都拥有全局作用域，例如window.name、window.location、window.top等等。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p>全局变量在任何脚本和函数内均可访问。</p>
<p id="demo"></p>
<script>
var carName = "Volvo";
myFunction();
function myFunction()
{
document.getElementById("demo").innerHTML =
"我可以显示 " + carName;
}
</script>
</body>
</html>输出：
全局变量在任何脚本和函数内均可访问。
我可以显示 Volvo局部作用域和局部变量
变量在函数内部声明为局部作用域。
和全局作用域相反，局部作用域一般只在固定的代码片段（例：函数）内部可访问到，最常见的例如函数内部，所有在一些地方也会看到有人把这种作用域称为函数作用域。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p>局部变量在声明的函数外不可以访问。</p>
<p id="demo"></p>
<script>
myFunction();
document.getElementById("demo").innerHTML = "carName 的类型是：" + typeof carName;
function myFunction()
{
var carName = "Volvo";
}
</script>
</body>
</html>输出：
局部变量在声明的函数外不可以访问。
carName 的类型是：undefined变量的生存周期
1、对于全局变量来说，其生命周期是永久的，除非主动销毁此全局变量；
2、对于在函数内用var关键字声明的局部变量来说，当退出函数时，这些局部变量即失去它们的价值，它们会随着函数调用的结束而被销毁。
ES6之块级作用域
在ES5中，只全局作用域和函数作用域。这会导致函数作用域覆盖了全局作用域；亦或者循环中的变量泄露为全局变量。用let命令新增了块级作用域，外层作用域无法获取到内层作用域，非常安全明了。
es6块级作用域
在JavaScript中使用var定义一个变量，无论是定义在全局作用域函数函数的局部作用域中，都会被提升到其作用域的顶部，这也是JavaScript定义变量的一个令人困惑的地方。由于es5没有像其它类C语言一样的块级作用域,因此es6增加了let定义变量，用来创建块级作用域。
Js作用域和执行上下文
作用域是在函数声明的时候就确定的一套变量访问规则，而执行上下文是函数执行时才产生的一系列变量的集合体。也就是说作用域定义了执行上下文中的变量的访问规则，执行上下文是在这个作用域规则的前提下执行代码的。
Js中的Function类型_设置函数的作用域
先声明一个name变量，然后声明一个person对象，person包含name和sayName属性。当直接在对象上进行方法的调用时：person.sayName()，函数的作用域遵循“谁调用就是谁”的原则，sayName的作用域（也就是this）指向的就是person。
ES5中模仿块级作用域
有一定JavaScript开发经验的人应该会熟悉下面这种立即执行函数的写法：不过即使不熟悉也没关系，这里我会讲解这种写法的含义。先来看下面这个更容易理解的示例：
作用域 CSS 回来了
几年前，消失的作用域 CSS，如今它回来了，而且比以前的版本要好得多。更好的是，W3C规范基本稳定，现在Chrome中已经有一个工作原型。我们只需要社区稍微关注一下，引诱其他浏览器构建它们的实现
Js静态作用域和动态作用域
静态作用域指的是一段代码，在它执行之前就已经确定了它的作用域，简单来说就是在执行之前就确定了它可以应用哪些地方的作用域(变量)。 动态作用域–函数的作用域是在函数调用的时候才决定的
深入理解 JavaScript, 从作用域与作用域链开始
作用域是你的代码在运行时,某些特定部分中的变量,函数和对象的可访问性。换句话说，作用域决定了变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期。
Js作用链、作用域
函数对象和其它对象一样，拥有可以通过代码访问的属性和一系列仅供JavaScript引擎访问的内部属性。其中一个内部属性是[[scope]]，由ECMA-262标准第三版定义，该内部属性包含了函数被创建的作用域中对象的集合
不只是块级作用域，你不知道的let和const
ES6新增了两个重要的关键字let和const，相信大家都不陌生，但是包括我在内，在系统学习ES6之前也只使用到了【不存在变量提升】这个特性。let声明一个块级作用域的本地变量
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!