JavaScript 闭包

最新推荐文章于 2025-08-04 20:59:31 发布

dengpi2643

最新推荐文章于 2025-08-04 20:59:31 发布

阅读量63

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/BigJ/p/7911523.html

本文通过实例讲解了JavaScript中的闭包概念，如何利用闭包实现即时调用函数表达式(IIFE)，确保代码安全性，并详细解释了变量与函数的提升机制，以及let和const在变量声明上的优势。

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

不严格的说闭包就是函数，直接上例子

let f;
{
    let o = { note:"Safe"};
    f = function(){
        return o;
    }
}
let oRef = f();
oRef.note = "UnSafe Any More"

在块的外部依然可以访问到内部变量o，那么这个块(包括父作用域)构成了一个闭包，不管在任何地方调用oRef，他都有权限访问块中的变量o。

即时调用函数表达式：IIFE,使用函数内部数据，确保安全性，可返回任意类型（数组，对象，函数）

const massage = (function(){
    const secret = "Im a secret";
    return `the secret is ${secret.length} characters long.`
})();
console.log(massage);

secret因为在函数中，函数外是无法访问的.

提升机制：

1 变量的提升

x;
let x = 4;//会报错

x;//undefined
var x = 4;
x;//4

在以上的例子中可以看到使用var定义的话会把该变量的声明提升至该作用域的顶部。（不是提升赋值）

var可重复赋值，let和const不可以。let可完全取代var

2 函数的提升：

f();
function f(){
    console.log('f');
}

在第一行f()也会执行打印‘f’。

f();
let f =function(){
    console.log('f');
}

此时在第一行f()就会报错。在let之前就是该变量的“临时死区”（TDZ）

转载于:https://www.cnblogs.com/BigJ/p/7911523.html