JS readyState'interactive'和'DOMContentLoaded'事件

Question

请查看以下脚本：

document.addEventListener('DOMContentLoaded', function() {
  console.log('initialize');
});

如果在document.readyState === 'interactive'时加载此脚本，那么我将永远不会看到'initialize'消息;但如果在document.readyState === 'loading'时加载此脚本，我会看到'initialize'消息。所以，我认为'interactive'与'DOMContentLoaded'相同，我应该使用以下代码，以便始终看到'interactive'消息：

var initializeFn = function() {
  console.log('initialize');
}

if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', initializeFn);
}
else {
  initializeFn();
}

这段代码是否正确？如果没有，请修理它。谢谢！