定义一个变量,变量哪里可以用?这就取决于这个变量的作用域。
在ES6之前,我们定义变量都是通过var关键字来定义的,这样子定义的变量的作用域分成 全局作用域 与 函数作用域。
var a = 1; //变量a的作用域是全局的 也就是可以在script标签内的任何地方使用
function fun(){
console.log(a);//函数体内可以用
}
fun();
console.log(a);//可以用
function fun(){
var b = 1;//函数作用域 只能在函数体内使用
console.log(b);
}
fun();
console.log(b);//报错 b is not define
在ES6之后,引入了块级作用域。块级作用域需要通过关键字let const定义。
{
let a = 10;
const b = "abc";//const定义的是变量,他的值不能改变
console.log(a,b);
}
console.log(a,b);//报错
在es5之前没有块级作用域,怎么办?
利用函数去实现!
function fun(){
var a = 100;
// 这样子 b就只能在inner这个块中使用(这个函数中使用),
(function inner(){
var b = 200;
console.log(a+b);
})();
console.log(b);//报错 b not define
}
fun();
我们为什么非要搞一个块级作用域出来?这是有一定的历史原因的,了解过js历史的人应该知道js最初是很粗糙,存在很多小问题。没有块级作用域就给程序员开发工作带来了一些麻烦。例如如下:
场景一:内部变量会覆盖外部变量
//多人合作,覆盖掉全局变量,不安全
var version = "1.0.0";
function fun(){
console.log(version);// 1.0.0
version = "测试版";
}
fun();
console.log(version);//测试版
场景二:可能定义了一堆无用的全局变量,造成内存泄漏
for(var i = 0; i< 5; i++){
console.log(i);
}
console.log(i); //i只需要循环体内用 其他地方不需要 但是没有块级作用域 就会造成内存泄漏
现在我们推荐大家尽量使用let const关键字去声明变量。