在javascript中有三种声明变量的方式：`var`、`let`、`const`。

他们之间的区别，代表这不同的作用域。

在以前JS的作用域只有两种：

1、全局作用域、

2、函数作用域。

没有块作用域的概念。

在ECMAScript 6(简称ES6)中，新增了块级作用域。

块作用域由`{ }`表示，`if`语句和`for`语句里面的`{ }`也属于块作用域。

### 1、var
这个是用于申明全局变量，`var`定义的变量可以修改，如果不初始化会输出`undefined`，不会报错。
```
// 申明时不赋值，也不会报错
var a;

var a = 1;
// 可以输出a=1
console.log('函数外var定义a：' + a);

### let

同一个变量，不可在声明之前调用，必须先定义再使用，否则会报错，循环体中可以用`let`

`let`是块级作用域，函数内部使用`let`定义后，对函数外部无影响。

并且`let`不能定义同名变量，否则会报错。
```
let c = 3;
// 输出c=3
console.log('函数外let定义c：' + c);

function change(){
	let c = 6;
	// 输出c=6
	console.log('函数内let定义c：' + c);
}
change();

// 输出c=3
console.log('函数调用后let定义c不受函数内部定义影响：' + c);
// 函数内部的let不会影响到函数外部的let
```
但是，如果我们在函数内部不使用`let`声明变量的话，也是可以获取到或修改到函数外部局部变量的值的，例如：
```
let c = 3;
// 输出c=3
console.log('函数外let定义c：' + c);

function change(){
	c = 6;
	// 输出c=6
	console.log('函数内let定义c：' + c);
}
change();

// 输出c=6
console.log('函数内部不声明let也是可以修改跟获取到外部let变量的值：' + c);
```

### const
`const`：用于声明常量，也具有块级作用域 ，也可声明块级。

`const`定义的变量不可以修改，而且必须初始化。
```
// 错误，必须初始化赋值
const b;
// 正确
const b = 2;
console.log('函数外const定义b：' + b);
// 错误，不可以修改常量的值
b = 5;
```
同时注意，`const`不同作用域下使用`var`和`lef`声明同名变量，并不影响到`const`的值，例如：
```
const b = 2;
console.log('函数外const定义b：' + b);

function demo() {
    var b = 3;
    console.log('函数内var定义b：' + b);
}
demo();
alert(b)
```
`const`和`let`一样，也不能重复定义同一个变量，`const`一旦定义，无法修改

`let`和`const`属于局部变量，不会出现变量提升的情况，全局定义的`let`和`const`变量，不属于顶层变量，不属于`window`的属性

### 4、关于全局变量的定义和使用

任何函数之外声明的变量，都被称为 全局 变量。

全局变量在任意函数中都是可见的（除非被局部变量遮蔽`let`）。

减少全局变量的使用是一种很好的做法。现代的代码有很少甚至没有全局变量。大多数变量存在于它们的函数中。但是有时候，全局变量能够用于存储项目级别的数据。

已有0条评论

添加新评论☺

如果认为本文对您有所帮助请赞助本站

支付宝扫一扫赞助

已有0条评论

添加新评论☺