JavaScript的作用域问题

Question

js作用域这样的设计模式有什么优缺点呢？大佬们都在利用作用域做些什么华丽的操作呢？

Answer 1

1.优点: 作用域保护变量不受污染
外部访问不了内部变量

2.差异点: 无动态作用域
函数内部变量引用跟运行地点无关, 跟变量定义位置有关
观察下面代码

const bar = (() => {    const f = "1";    return () => {console.log(f)}
})();const foo = () => {    const f = "2";
    bar();
};
foo() // 输出定义位置的1, 而不是运行位置2

就想到这两点, 期待大佬补充