var和let的用法及区别

前言

本文介绍var和let的用法及区别。

一、var的使用

var可以用来定义变量，如：
var a;//定义了一个名为a的变量
var a=2;//定义变量a的同时给a赋值

• 如果在一个函数内部用var定义一个变量，调用函数时将创建这个变量，当函数退出后就会被销毁。
• var的声明提升
  使用以下代码并不会报错，因为用var声明的变量会自动提升到函数作用域顶部。

function foo() {
console.log(a);
var a = 20;
}
foo(); // undefined
//等价于以下代码，变量被提升到函数作用域顶部
function foo() {
var a;
console.log(a);
a = 20;
}
foo(); // undefined

二、let的使用

let也可用来定义变量，与var的作用差不多。如：
let b;//定义了一个名为b的变量
let b=“hello”;//定义变量b同时给b赋值

三、var与let的区别

var与let的区别:

1. let 声明的范围是块作用域，而 var 声明的范围是函数作用域。如：

if (true) {
var a = 'hello';
console.log(a); // hello
}
console.log(a); // hello
//-------------------------------
if (true) {
let b = 2;
console.log(b); // 2
}
console.log(b); // ReferenceError: age 没有定义
//b变量不能在if外部被引用，是因为它的作用域仅限于块内部

2. let 声明的变量不会在作用域中被提升。

// a 会被提升
console.log(a); // undefined
var a = 'hh';
// a 不会被提升
console.log(a); // ReferenceError：a没有定义
let a = 20;

在解析代码时，JavaScript 引擎也会注意出现在块后面的 let 声明，只不过在此之前不能以任何方式来引用未声明的变量。在 let 声明之前的执行瞬间被称为“暂时性死区”，在此阶段引用任何后面才声明的变量都会抛出 ReferenceError。

总结

在使用var和let时，要注意它们之间的区别。