javascript中的var 、let、const的使用详解

javaScript中的var、let、const的使用

1、var 声明提升
使用了var 时，下面的代码不会报错，因为使用这个关键字声明的变量会自动提升到函数作用域顶部

functiion foo(){
    console.log(age);
    var age = 20;
}
foo(); // undefined

之所以没有报错，是把代码等价于了

function foo(){
    var age;
    console.log(age);
    age = 20;
};  //undefined```
这就是所谓的变量提升，而且声明多次同一变量也没有问题

```javascript
function foo(){
  var age = 16;
  var age = 18;
  var age = 32;
  console.log(age)
}
foo(); // 32

2、let 声明
let 跟var 声明有个非常明显的区别，let 声明范围是块作用域，而var声明范围 是函数作用域

if(true){
  var name = 'matt';
  console.log(name) ; //matt
}
console.log(name); //matt
//let 声明
if(true){
  let age = 26;
  console.log(age); //26
}
console.log(age); //ReferenceError: age没有定义

在这里，if外面的age 没有定义，是因为let 是的作用域仅限于块的内部，块作用域是函数作用域的子集，因此适用于var 的作用域限制同样适用于let，let 不允许同一块作用域中出现冗余声明，这样会导致报错

let age;
let age;  //SyntaxError；标识符age已经声明过了

javascript会记录 用于变量声明的标识符以及所在的块作用域，因此嵌套的使用也不会报错，因为同一块作用域内没有声明

var name = 'matt';
console.log(name) ; //matt
if(true){
  var name = 'bom';
  console.log(name); // bom 
}
console.log(name); //bom
/***let***/
let age = 20;
console.log(age); //20
if(true){
  let age = 30;
  console.log(age); //30
}
console.log(age); // 20

对声明冗余报错不会因混用let 和var 而受影响，这两个关键字声明的并不是不同的变量，他们只是指出变量在相关作用域内如何存在

var age;
let age; //报错
let name;
var name; //报错

3、const 声明
const 的行为与let 基本相同，唯一一个区别就是用它声明变量时必须同时初始化变量，且尝试修改const 声明的变量会导致运行报错

const age = 36;
age = 40; //报错
//const 也不允许重复声明
const name = 'matt';
const name = "dsaf" //报错

const声明的限制只适用于它指向变量的引用，换句话说，如果const 变量引用的是一个对象，那么修改这个对象的内部的属性不影响const的限制

const person = {};
person.name = 'bom'; //成立的