JavaScript Variables: var and let and const

栏目: IT技术 · 发布时间: 4年前

内容简介:There are three ways to create variables in a JavaScript application: usingWhen you declare a variable withWhen you declare a variable with

There are three ways to create variables in a JavaScript application: using var , using let , or using const . This will not be a post trying to convince you which one you should use, or arguing about what is best. It’s just good to know about the differences and what it means when you use the different options. But hopefully by the end of all this you’ll be comfortable with the three options and can make a decision for your team that will suit your needs. To get the most out of this post, it is best if you understand variable scope, which we covered inthis post previously.

When you declare a variable with var , the variable will be function scoped. If you try and use the variable before it’s declared in that function, it will have an undefined value due to hoisting. These may be desired effects for your app, but my recommendation is to not use var for variable declarations.

When you declare a variable with let , the variable will be block scoped. If you try to use the variable before it’s declared in that block, or outside that block, a ReferenceError will be thrown. This is nice because the occasions should be rare that you use a variable before declaring it. These variables are also re-assignable. Let’s look at an example:

function playGame() {
	let gameName = 'Super Mario Brothers';

	gameName = 'Mario Kart 8';

	console.log(gameName); // Mario Kart 8
}

playGame();

In the above example, we declare the gameName variable and initialize its value to Super Mario Brothers . But right below it, we reassign the value to a different string, Mario Kart 8 . This is completely valid for variables declared with let . My recommendation is to use let any time you need to reassign the value of a variable. Examples of when you might need to do this would be when in a for loop, for example.

Variables using const

When you declare a variable with const , the variable will be block scoped. If you try to use the variable before it’s declared in that block, or outside that block, a ReferenceError will be thrown. This is nice because the occasions should be rare that you use a variable before declaring it. The difference between const and let , though, is that variables declared with const can not have their values reassigned. So our above example would produce a TypeError for trying to assign a value to a constant variable. Let’s look at an example of ways that you can change parts of a const variable:

const game = {
	title: 'Zelda: Breath of the Wild',
};

game.title = `Zelda: Link's Awakening`;

console.log(game.title); // Zelda: Link's Awakening

Even though game was declared using const , we can still change the value of an attribute on the object. The same is true with arrays. You can push onto an array declared with const . What you can’t do is the following:

const game = {
	title: 'Zelda: Breath of the Wild',
};

game = {
	title: `Zelda: Link's Awakening`,
}; // TypeError: Assignment to constant variable

In the second example, the error occurs because we are changing the value of the game variable itself, not just one of its attributes’ values.

So which of the three options should you use? Well, I’ll let you and your team decide. I personally like to use const all the time, unless in the case where I know I’ll need to reassign the value of a variable. In those cases I use let . I think it helps your future self and other developers know that you didn’t intend for that value to change, and the application will produce an error if you do try to change it. But if you would rather use let , then go ahead and do what works best for you and your team.


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

思想的未来

思想的未来

(美)劳伦斯﹒莱斯格 / 李旭 / 中信出版社 / 2004-10 / 29.00元

因特网革命已到来,一些人说它已经过去,革命缘何而来?又缘何而去呢? 劳伦斯·莱斯格对因特网革命中为何会出现一种反革命的破坏性力量及后果做出了解释。创作之所以繁荣,是因为因特网保护了创新的公共资源。是因为因特网保护了创新的公共资源。因特网的独特设计营造出一个中立的平台。最广大范围的作者们可在此平台上进行试验。围绕此平台的法律架构对这一自由空间给予了保护,以使文化和信息——我们这个时代的......一起来看看 《思想的未来》 这本书的介绍吧!

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具