对象属性和方法的范围

Question

Show love to the object literal 文章中说：
当我们在一个页面中有多个脚本时，如果它们的名称重复，全局变量和函数将被覆盖。

一种解决方案是使变量 作为属性和函数作为方法 对象，并通过 对象名称。

但这会阻止变量进入全局命名空间的问题吗？

<script>
    var movie = {
        name: "a",
        trailer: function(){
           //code
        }
    };
</script>

在上面的代码中，哪些元素被添加到全局命名空间中？
a) 只是对象名称 - movie
b) 对象名称以及其中的属性和方法——movie, movie.name, movie.trailer()

Answer 1

movie 将存在于全局命名空间中（在浏览器中：window）。在movie 范围内存在：name 和trailer。如果您尝试从全局对象执行trailer，您可以看到这一点（window.trailer() 将导致ReferenceError: trailer is not defined）。 trailer 只能使用movie.trailer()（或window.movie.trailer()）执行。

Javascript 有 lexical 作用域，也就是 static 作用域，意思是：

• 程序中特定位置的标识符始终引用相同的变量位置 — 其中“始终”表示“每次执行包含表达式时”，并且

• 它所引用的变量位置可以通过对该标识符出现的源代码上下文的静态检查来确定，而不必考虑整个程序的执行流程 ¹.

¹Source