JavaScript 中的关键字 var 是开发人员用于变量声明的第一个关键字。ES6 中引入了关键字 let 和 const 作为 var 的替代。它们非常有用，如今几乎每个 JavaScript 开发人员都在使用它们。与关键字 var 不同，这两个关键字具有块作用域。
一、var 关键字
JavaScript 中的关键字 var 是开发人员用于变量声明的第一个关键字。
当你使用关键字 var 在函数内声明变量时。该变量在该函数之外无法访问，因为在这种情况下它具有函数作用域。
下面是一个例子：
function sayHelllo() {
var greeting = 'Hello!';
console.log(greeting);
}
sayHelllo(); // 'Hello!'
console.log(greeting) // ReferenceError: sentence is not defined如上所示，当我们在函数内部调用变量 greeting 时，我们会在调用函数时在控制台中得到响应。
但是当我们在函数外调用 greeting 时，我们会得到一个引用错误，因为在函数内用关键字 var 声明的变量在该函数外是不可访问的。
但是，如果在函数外部使用关键字 var 声明变量，它将具有全局作用域。这意味着它可以在你的代码中的任何地方访问。
下面是一个例子：
/* This variable has a global scope, it's accessible everywhere */
var greeting = "Hello John";
function sayHelllo() {
console.log(greeting); // "Hello John"
}
console.log(greeting); // "Hello John"因此，在函数外部使用关键字 var 声明的变量是全局范围的。它们随处可见。
除此之外，带有关键字 var 的变量是可声明和可重新分配的。这意味着您可以重新声明相同的变量并重新分配它，而不会出现任何问题。
下面是一个例子：
var name = 'John';
var name = 'Brad';
console.log(name) // 'Brad'即使我们声明了相同的变量并重新分配了它，代码仍然可以正常工作而不会出错。但是，这并不好，因为有时你可以编写相同的变量，甚至在代码中都没有注意到它们。这也可能导致你的程序出错。
使用 var 时要记住的另一件事是，使用关键字 var 声明的所有变量和函数都被提升到其作用域的顶部。如果你不熟悉 JavaScript 中的提升，我真的建议你学习它，因为这是一个需要了解的重要概念。
二、关键字 let 和 const
ES6 中引入了关键字 let 和 const 作为 var 的替代。它们非常有用，如今几乎每个 JavaScript 开发人员都在使用它们。
与关键字 var 不同，这两个关键字具有块作用域。这意味着当你在块中声明它们时，它们只能在该块 {} 内访问。
下面是一个例子：
{
const a = 5;
let b = 6;
var c = 8;
}
//Accessing the variables outside the block.
console.log(a); //Error: a is not defined.
console.log(b); //Error: b is not defined.
console.log(c); // 8如你所见，使用 const 和 let 声明的变量在大括号之间的范围之外不可访问。这就是我们得到错误的原因。所以这非常有用，因为有时使用关键字 var 你可以在不注意它的情况下更改变量。
另外，请记住，与 var 不同，使用 let 和 const 声明的变量和函数不会被提升。所以你不必关心吊装。
现在，你可能想知道 let 和 cosnt 之间的区别是什么？
好吧，用关键字 let 声明的变量是可重新分配的，而不是可重新声明的。虽然使用关键字 const 声明的变量不可重新分配且不可重新声明。
因此，只需将 let 用于稍后要更改的变量，而 const 用于你不想更改的常量变量。
下面是一个例子：
const name = "Brad";
const name = John; //Error.
let x = 1;
x = 2;
console.log(name); //"Brad"
console.log(x); // 2三、差异
关键字 var ：
- 函数作用域和全局作用域。
- 吊起。
- 可重新分配和重新申报。
关键字 let ：
- 块范围。
- 没有吊起来。
- 可重新分配且不可重新申报。
关键字 const ：
- 块范围。
- 没有吊起来。
- 不可重新分配且不可重新申报。
延伸阅读
JavaScript的主要特点
- 基于事件：JavaScript能够响应用户的各种行为，如点击、滑动、键盘输入等，这使得网页能够提供交互性的用户体验。
- 基于对象：JavaScript使用基于原型的面向对象编程模式，它允许开发者创建对象，并在对象之间共享属性和方法。
- 动态类型：JavaScript是动态类型的语言，这意味着变量的类型是在运行时决定的，不需要在声明变量时指定类型。
文章标题：js中var、let、const的区别是什么，发布者：E.Z，转载请注明出处：https://worktile.com/kb/p/51971
微信扫一扫 
支付宝扫一扫 
