1.JavaScript变量简介

89 阅读3分钟

JavaScript中的变量是什么?

变量是Javascript中的一个关键概念,它用于存储可以在整个程序中访问和操作的数据。变量可以命名、赋值、声明和修改。变量存在的环境称为词法环境。在称为提升的过程中执行代码之前,变量被赋值一个初始值。

在JavaScript中,您可以使用 var​​ 关键字显示变量,跟随变量的名称。例如:

var x;

这声明了一个变化量 x​​ . 您还可以同时为变化量赋值:

var x = 10;

您还可以同时声明多个变化量:

var x = 10, y = 20, z = 30;

除了 var​​,JavaScript 还有 let​​ 和 const​​ 关键字,您可以使用它来改变数量。

​var​​和let​​的主要区别在于let​​是块范围的,而var​​是块范围的。这意味着用let​​声明的变量只能在确定它们的块中可见,而用var​​声明的变化量在确定它们的整个函数中可见。const​​类似于let​​,但const​​变化量的值不能重新分配。

例如:

if (true) {
  let x = 10;
  var y = 20;
}

console.log(x); // Uncaught ReferenceError: x is not defined
console.log(y); // 20

在上面的示例中,x​​用let​​声明,并且仅在if语句的块中可见。尝试访问访问块之外的x​​会导致错误。另外一方面,y​​用var​​ 声明,并且在整个函数中可见,因此可以在块之外访问之。

全局执行上下文

在JavaScript中,全局执行上下文是默认的执行上下文,它在JavaScript运行时启动时创建,并与全局对象关联,全局对象是在JavaScript运行时显示全局范围的对比图。

在Web浏览器中,全局对象是​window​​对象,显示当前浏览器窗口,在Node. js环境中,全局对象是​global​​对象。

在全局执行上下文中声明的变化称为全局变化。它们是全局对图像的属性,因此可以从JavaScript代码中的任何位置访问。不建提议使用全局变量,因为它会导致冲击,并且在更大的项目中难以管理。

例如:

var x = 10;
console.log(window.x); // 10
console.log(global.x); // 10

在上面的例子中,​x​​是一个全局变量,因为它是在全局执行下文中声明的。它是全局对象的属性(浏览器中的​window​​,Node. js中的​global​​),因此可以使用​window.x​​或​global.x​​访问。

通常建议对变量明使用 let​​ 或 const​​而不是var​​,并使用任意数级或块级使用域将变量的可视性限制制作在尽可能小的范围内内,这有利于避免免冲突并使您的代码更易于管理。

Javascript中的变量提升

变量提升是Javascript中的一个概念,在代号执行之前,变量被赋予一个初始值。这个概念允许开发人员在声明变量之前使用它们,但在某些情况下它会造成混乱。为了避免混乱和错误,开发人员应开始使用它们的范围顶部声明它们的变化量。

Javascript中变量提升的一个例子是在使用变量后变量变量。这是可能的,因为Javascript引擎会在代码执行之前查找变量变量变量,并为变量明之前使用的任何变量设置undefined​​值。例如:

console.log(x); // prints undefined
var x = 10;

变化量提升的另一个例子是在同一个范围内多次声明变化。发生这种情况时,变化量的最后一次声明是使用的声明。例如:

var x = 10;
console.log(x); // prints 10
var x = 20;
console.log(x); // prints 20