当前位置：首页 > 文章列表 > 文章 > 前端 > 了解 JavaScript 中的提升：综合指南

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

来源：dev.to 2024-10-26 15:09:46 0浏览收藏

推广推荐

支持 PC / 移动端，安全直达

文章小白一枚，正在不断学习积累知识，现将学习到的知识记录一下，也是将我的所得分享给大家！而今天这篇文章《了解 JavaScript 中的提升：综合指南》带大家来了解一下##content_title##，希望对大家的知识积累有所帮助，从而弥补自己的不足，助力实战开发！

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!");
};