[[scope]] 键内的块是啥以及它是何时创建的？

Posted 2023-02-22

【中文标题】[[scope]] 键内的块是啥以及它是何时创建的？

【英文标题】：What is block inside [[scope]] key and when it is created?[[scope]] 键内的块是什么以及它是何时创建的？

【发布时间】：2021-09-13 07:30:21

【问题描述】：

我尝试了以下代码

let let_arr = [];
for (let i = 0; i < 4; i++) 
  let_arr[i] = () => 
    return 
        let_i: i
    
  ;

console.log(let_arr);

当我们在 for 循环中使用 let 时，我发现 block 键存在。

[ƒ, ƒ, ƒ, ƒ]
  0: () => …
    arguments: (...)
    caller: (...)
    length: 0
    name: ""__proto__: ƒ ()
    [[FunctionLocation]]: iif.js:26
    [[Scopes]]: Scopes[3]
        0: Block i: 0
        1: Script let_arr: Array(4), var_arr: Array(4)
        2: Global window: Window, self: Window, document: document, name: "", location: Location, …

当使用 var 时 for (var i = 0; i < 4; i++) 块元素丢失。

[[Scopes]]: Scopes[2]
    0: Script let_arr: Array(4), var_arr: Array(4)
    1: Global window: Window, self: Window, document: document, name: "", location: Location, …

【问题讨论】：

在Global下

【参考方案1】：

javascript函数实际上是闭包，也就是说，当你将一个函数保存在某个地方时，不仅保留了它的代码，还保留了创建时所有可用的变量。变量存储在称为作用域的字典中，它们可以相互嵌套（“作用域链”）。

为了节省内存，引擎只保留函数中实际使用的范围。如果作用域不包含let/const，则将其视为未使用并省略。如果作用域确实包含let，但该变量未在函数中使用，则它也会被省略。否则，范围将保留并附加到闭包。

几个插图：

var f


    var a
    f = () => a   // Global

console.dir(f)

//


    let a
    f = () => a

console.dir(f) // Block a + Global

//


    let a
    
        let b
        
            let c
            f = () => b  
        
    

console.dir(f)  // Block b + Global

//



    let a
    
        let b
        
            let c
            f = () => eval("b")
        
    

console.dir(f) // 'eval' retains everything

【讨论】：

从您的回答中学习时，我还发现了 Script a:11。代码是 var f;让 a = 11; f = () => a;控制台.dir(f); 让b; f = () => b; 控制台.dir(f);块和脚本先生有什么不同？

@devumesh：几乎没有。 Script 是***Block。

【参考方案2】：

这是预期的行为，因为如果您使用 var 声明变量，则块范围内没有变量。在这种情况下，它将被提升到全局范围。你可以阅读更多关于块范围here的信息。