【javascript基础——系列7】变量提升函数提升；内存泄漏_js变量提升能引起内存泄漏吗-优快云博客

本文链接：https://blog.youkuaiyun.com/yangyaning123/article/details/117425812

本文是JavaScript基础系列的第七篇，主要讲解变量提升和函数提升的概念，以及深入探讨内存泄漏的原因、js的垃圾回收机制和解决内存泄漏的方法。通过实例分析了变量提升和函数提升的规则，并介绍了可能导致内存泄漏的情况，如闭包、未清除的定时器等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

系列文章

【javascript基础——系列1】前端页面ajax连接后台服务器传输数据

【javascript基础——系列2】前端页面axios连接后台服务器传输数据

【javascript基础——系列3】js中的事件的事件冒泡、事件捕获

【javascript基础——系列4】关于js的数据类型以及判别方法

【javascript基础——系列5】js的defer和async；parsesint；图片压缩

【javascript基础——系列6】常见的5种JS设计模式；发布订阅者模式

【javascript基础——系列7】变量提升函数提升；内存泄漏

【javascript基础——系列8】函数传参传递值还是引用；函数式编程

【javascript基础——系列9】函数防抖与节流

【javascript基础——系列10】js中隐藏元素的几种方法以及代码

【javascript基础——系列11】跨域存在的原因以及解决办法

一、变量提升，函数提升

1.1 变量提升

变量声明的提升是以变量所处的第一层词法作用域作为’单位‘的，全局作用域中声明的变量会提升至全局最顶端，函数内声明的变量只会提升到该函数作用域最顶层

var a;
console.log(a); // undefined
a = "a";
var foo = () => {
    var a; // 全局变量会被局部作用域中的同名变量覆盖
    console.log(a); // undefined
    a = "a1";
}
foo();

1.2 函数提升

函数内声明的变量只会提升到该函数作用域最顶层，函数提升只会提升函数声明，而不会提升函数表达式，而且并不会影响到函数外的变量。

console.log(foo1); // [Function: foo1]
foo1(); // foo1
console.log(foo2); // undefined
foo2(); // TypeError: foo2 is not a function
function foo1 () {
	console.log("foo1");
};
var foo2 = function () {//函数表达式中变量不会被提升
	console.log("foo2");
};