我为什么会收到此错误：Uncaught TypeError：无法读取未定义的属性“ john”

截至您创建要分配给suzie属性的对象的时间employees为undefined。在完成整个表达式之前，将对属性初始化程序进行求值。

这是上面发生的事情的顺序：

1. 引擎创建一个employees具有初始值的变量undefined。
2. 引擎会创建一个空白对象（最终将分配给employees）。
3. 引擎创建另一个空白对象（最终将成为john属性值）。
4. 它"John Smith"在名为＃3的空白对象上评估并创建一个属性name，为其赋予该值。
5. 它重复了这一过程age，job和greet。
6. 它将对象分配给john上面＃2中的对象的属性。
7. 它创建另一个空白对象（成为suzie）。
8. 它"Suzie Alport"在名为＃的对象上评估并在该对象上创建属性name，并为其赋予该值。
9. 它重复了age和的过程job。
10. 它尝试对表达式求值，但employees.john.greet由于employees为，因此失败undefined。

如果将它分成两部分，它将起作用（直到document.write炸毁为止）：

var employees = {
    john: {
        name: "John Smith",
        age: 29,
        job: "web developer",
        greet: function(){
            document.write("Hello my name is " + this.name + " and I am " + this.age + " years old. ");
        }
    }
};
employees.suzie = {
    name: "Suzie Alport",
    age: 24,
    job: "nursery assistant",
    greet: employees.john.greet
};
employees.john.greet();
employees.suzie.greet();

之所以可行employees.john.greet，是因为在我们尝试评估之前，已将对上面＃2中创建的对象的引用分配给该employees变量。

边注：

避免document.write在现代网页和应用程序中使用。而是使用DOM方法。document.write仅在初始页面加载期间以您可能希望的方式工作；初始页面加载后，它将完全擦除现有文档，并开始在同一窗口中写入新文档。

例如，您可以document.body像这样添加段落：

function display(msg) {
  var p = document.createElement('p');
  p.innerHTML = String(msg);
  document.body.appendChild(p);
}

以上两个示例的实时示例（源）