首页  >  文章  >  web前端  >  let、var 或 const,有什么区别?

let、var 或 const,有什么区别?

PHPz
PHPz原创
2024-07-28 18:09:53645浏览

let, var or const, what

let, var , const?我们什么时候真正使用这些变量?
早在 2018 年,我就有机会尝试了一下 JavaScript。那一年,我很高兴了解这种语言的表现。我学到的第一件事就是声明一个变量。我的第一个变量是 var name = 'el marlo' 之后我所以这个变量可以在我的函数和 console.log(name) // =>;埃尔马洛。作为一名初学者程序员,我很兴奋。快进到 2024 年,正式开始我的软件工程之旅,在这么多年后我开始接触 JavaScript,很多事情都发生了变化。我注意到的第一件事是,还有更多声明变量的选项吗? let和const是什么,我只熟悉var。

变量

var 是最古老的声明变量的关键字。因此,让我们解决与其他两个的区别:let 和 const 来帮助我们决定哪一个应该进入我们的代码。

我了解到 var 是一个关键字,如果您打算使用它,请非常小心,或者根本不要使用它,因为缺乏块作用域或简单的英语,代码它位于大括号 {} 内。此外,它可能会在代码中产生错误,因为 var 变量可以重新声明和更新:

var favHobby = "Eskate";
var favHobby = "Sleeping";
var favHobby = "Joking";

console.log(favHobby); // => Joking
console.log(favHobby); // => Joking
console.log(favHobby); // => Joking

letis var 的更新版本。这个变量是阻塞作用域,这意味着与var不同,我们在{大括号内声明的任何内容都只能在此范围内可用}:

let x = 1;

if (x === 1) {
  let x = 2;

  console.log(x);
  // Expected output: 2
}

console.log(x);
// Expected output: 1

示例来自:mdn web 文档
另外,让可以更新但不能重新声明

常量

const 是更可靠的变量,原因如下: const 声明是块作用域的:这意味着它只能在{块内}访问。另一个重要原因是,const 不能更新或重新声明,除非它是一个对象。如果 const 是一个对象,那么可以添加、删除或更新属性。

const number = 42;

try {
  number = 99;
} catch (err) {
  console.log(err);
  // Expected output: TypeError: invalid assignment to const 'number'
  // (Note: the exact output may be browser-dependent)
}

console.log(number);
// Expected output: 42

示例来自:mdn web 文档

以上是let、var 或 const,有什么区别?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn