了解 JavaScript 中的提升：综合指南-js教程-PHP中文网

了解 JavaScript 中的提升：综合指南

霞舞

发布： 2024-10-17 20:48:24

转载

909人浏览过

了解 javascript 中的提升：综合指南

javascript 中的提升

提升是一种行为，其中变量和函数声明在之前被移动（或“提升”）到其包含范围（全局范围或函数范围）的顶部代码被执行。这意味着您可以在代码中实际声明变量和函数之前使用它们。

变量提升

变量

用 var 声明的变量被提升到其作用域的顶部，但它们的值直到代码中发生赋值的地方才会被初始化。

console.log(x); // undefined
var x = 5;
console.log(x); // 5

登录后复制

让和常量

用 let 和 const 声明的变量也会被提升，但会被放置在“临时死区”中，直到到达它们的声明为止。在声明之前访问它们将导致引用错误。

console.log(y); // referenceerror: cannot access 'y' before initialization
let y = 10;

// block scope
{
  let x = 5;
}

console.log(x); // referenceerror: x is not defined

登录后复制

函数提升

传统功能

函数声明被完全提升，这意味着声明和函数体都被移动到作用域的顶部。这允许您在代码中声明函数之前调用该函数。

sayhello(); // "hello!"
function sayhello() {
  console.log("hello!");
}

登录后复制

相反，函数表达式（其中将函数分配给变量）仅作为变量提升，因此在初始化变量之前调用它们将导致未定义或类型错误。

greet(); // typeerror: greet is not a function
var greet = function () {
  console.log("hi!");
};

greet(); // referenceerror: cannot access 'one' before initialization
let greet = function () {
  console.log("hi!");
};

登录后复制

箭头功能

相反，函数表达式（其中将函数分配给变量）仅作为变量提升，因此在初始化变量之前调用它们将导致未定义或类型错误。

greet(); // TypeError: greet is not a function
var greet = () => {
  console.log("Hi!");
};

greet(); // ReferenceError: Cannot access 'one' before initialization
let greet = function () {
  console.log("Hi!");
};

登录后复制