gpt4 book ai didi

javascript - javascript中的变量提升

转载 作者:搜寻专家 更新时间:2023-11-01 05:00:24 24 4
gpt4 key购买 nike

我正在阅读有关 Variable Hoisting 的内容,但我无法准确理解如何了解它。我阅读了 W3C 学校的解释。但是,根据示例代码,我无法使什么是吊装。

代码1【这是w3c学校的代码】

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
var x = 5; // Initialize x
var y; // Declare y

elem = document.getElementById("demo"); // Find an element
elem.innerHTML = x + " " + y; // Display x and y

y = 7; // Assign 7 to y

</script>
</body>
</html>

但是上面的代码对于变量y仍然显示'undefined'

如果我按如下方式更改代码,则它可以正常工作。但是,下面的代码是常用的,而不是理解'提升'

的不同代码
<script>
var x = 5; // Initialize x
var y;
y = 7;
elem = document.getElementById("demo"); // Find an element
elem.innerHTML = x + " " + y; // Display x and y
</script>

这对理解“变量提升”有什么帮助吗?

最佳答案

(注意:我在这个答案的末尾添加了对 ES2015 的 letconst 的简短讨论。)

从根本上说,变量提升意味着无论您在任何给定作用域的何处看到 var,它都好像它在作用域的最开始。所以这些都是相同的:

function foo() {
var a = 42;
}

function foo() {
var a;
a = 42;
}

function foo() {
a = 42;
var a;
}

function foo() {
var a;
a = 42;
var a;
}

它们由 JavaScript 引擎处理,就好像它们是:

function foo() {
var a;
a = 42;
}

这是一个实际使用变量提升的例子,也给出了一个我称之为 The Horror of Implicit Globals 的例子(这是我贫血的小博客上的一篇文章):

function foo() {
a = 42;
b = 67;

console.log(a); // 42
console.log(b); // 67

var a;
}
foo();
console.log(typeof a); // undefined
console.log(typeof b); // number?!
console.log(b); // 67?!

为什么 b 存在于 foo 之外?因为在 foo 中,这两行做非常不同的事情:

a = 42;
b = 67;

第一行设置本地变量a,因为我们声明了它。是的,我们后来声明了它,但我们声明了它。

第二行创建了一个隐式全局变量b,因为我们从未在foo中的任何地方声明过b

更多(在我的博客上):


ES2015(又名“ES6”)引入了 letconst。它们的处理方式与 var 略有不同:

  1. 它们具有 block 作用域,而不是函数作用域或全局作用域。
  2. 声明 被提升到 block 的顶部,但此时它们没有获得任何默认值;只有在代码的逐步执行中到达声明时,它们才会被初始化(使用 undefined 或您提供的值)。

演示点 #1( block 作用域):

function foo() {
{
let a = 1;
console.log(a); // 1
}
console.log(a); // ReferenceError: a is not defined
}
foo();

示范点 #2:这可以与 var 一起使用,不能let 一起使用:

function foo() {
a = 42; // ReferenceError: a is not defined
let a;
}
foo();

从标识符被保留(声明)到您可以使用它(初始化)之间的时间称为时间死区,在此期间您不能使用变量。

关于javascript - javascript中的变量提升,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30575151/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com