在JS当中一个变量的做用域(scope)是程序中定义这个变量的区域。变量分为两类,全局(global)的和局部的。其中全局变量的做用域是全局性的,即在JavaScript代码中,它到处都有定义。而在函数以内声明的变量,就只在函数体内部有定义。它们是局部变量,做用域是局部性的。函数的参数也是局部变量,它们只在函数体内部有定义。javascript
在javascript中var关键字声明变量具备两个特色,第一变量提高(对变量的定义会默认提早至函数开始处),第二变量没有块做用域只有函数做用域。java
(function scope() { var i = 10; (function innerscope() { console.log(i); var i = 10; })(); })(); ===== undefined
代码1.1.1中,第二个变量i的定义提早至函数innerscope开始位置,所以在console.log(i)的时候i并无赋值,所以输出结果为undefined。函数
(function scope() { if(true){ var i =10; } console.log(i); })(); ===== 10
代码1.1.2中,在if块中定义的变量i在if块外函数内依然能够使用,所以输出结果10.code
在ES6的标准中,新引入了let关键字用于声明变量,let关键字与var关键字不一样在于let为块做用域。 将1.1.2中代码定义变为let后,程序则不能执行。ip
(function scope() { if(true){ let i =10; } console.log(i); })(); ===== i is not defined
const用来声明常量,一旦声明,其值就不能改变,而且const定义的变量为块做用域,好比1.3.1和1.3.2这样编写代码是会出错的。作用域
(function scope() { if(true){ const pi =3.14; } console.log(pi); })(); ===== pi is not defined
(function scope() { const pi = 3.14; pi=3; console.log(pi); })();