JavaScript添加命名空间时出现Unexpected token '.'错误是什么原因

错误原因 #

你编写的代码不符合JavaScript对象字面量的语法规范：对象{}内部必须使用键: 值的格式定义属性/方法，你直接在对象内部写了执行语句document.addEventListener(...)，JS解析器无法识别该结构，因此在解析到document后的.符号时抛出了语法错误。

修复方案 #

如果你需要通过命名空间封装代码，可以选择以下两种常用写法：

• 把初始化逻辑封装为命名空间下的方法，需要时主动调用：

var theme1 = {
  init: function() {
    document.addEventListener('DOMContentLoaded', function() {
      // 此处编写业务逻辑
    });
  }
};
// 调用执行初始化
theme1.init();

• 如果你只需要隔离作用域避免全局变量污染，可以直接使用立即执行函数，不需要声明命名空间对象：

(function() {
  document.addEventListener('DOMContentLoaded', function() {
    // 此处编写业务逻辑
  });
})();

内容的提问来源于stack exchange，提问作者alancc