❗modify current scope at runtime❗️

🚧 施工中

JS ⟩ concepts ⟩ scope ⟩ modify current scope at runtime

eval("var a = 'aaa!';");

sloppy mode：

• will introduce a new variable into the current scope. (I think "modify scope" is not accurate, "modify lexical environment" maybe❓) 👉 lexical environment vs. scope

strict mode：

• will not introduce a new variable into the current scope, the newly created variable is local to the inner script. ( 👉 eval has its own scope in strict mode )

💈範例

• replit：modify scope at runtime

function modifyScope() {
    
    // ⭐️ modify current (function) scope at runtime
    eval("var a = 'aaa!';");
    //        ╰── `a` is in "function scope"❗
    
    console.log(a);    // `a` is visible.
}

modifyScope();                       // aaa!

• replit：modify scope at runtime (with)

var scope = { name: "Joy" };

// ⭐️ `with`
// -------------------------------------------------------
// turns an object into a local scope, 
// its properties are treated as identifiers in the block:
with (scope) {
    console.log(name);   // Joy
    //          ^^^^     // `name` is visible.
}

👥 相關

• eval has its own scope in strict mode

• lexical environment

• lexical environment vs. scope

📗 參考

• YDKJS: Scope & Closures (v.2) ⟩ Ch. 1 ⟩ Runtime Scope Modifications

🚧

• with