加载异步JS文件＆readyState？

Question

我正在读的书：第三方的Javascript：

有一个示例代码：（加载外部JS）

(function() 
    { 
     var script = document.createElement('script'); 
     script.async = true; 
     script.src = 'js_file.js'; 
     script.onload = script.onreadystatechange = function() 
     { 
      var rdyState = script.readyState; 
      if (!rdyState || /loaded|complete/.test(rdyState)) 
      { 
       /*...*/ 
       script.onload = null; 
       script.onreadystatechange = null; 
      } 
     }; 
     var entry = document.getElementsByTagName('script')[0]; 
     entry.parentNode.insertBefore(script, entry); 
    })(); 

我想了解该行：

if (!rdyState || /loaded|complete/.test(rdyState))...

我得到undefined in script.readyState

个

问题：

• 为什么会出现在script.readyStateundefined？
• 应该readystate返回数字或字符串？根据正则表达式测试，它假设返回字符串。但我见过很多地方返回数字。所以......？

http://jsbin.com/ipOrIDeY/4/edit

（铬31，感谢谷歌，但没有感谢的字体平滑的版本。（32））

Answer 1

这里是我的代码加载JavaScript文件，它的工作原理很好吧，readystate返回字符串，但它的值取决于你的JavaScript引擎。

var n = document.createElement('script'); 
      n.setAttribute('type', 'text/javascript'); 
      n.setAttribute('src', 'Your src'); 
      n.setAttribute('async', true); 
      n.onerror = function() { 
      callback() 
      n.onerror = null; 
      }; 

      n.onload = n.onreadystatechange = function() { 
      if (!this.readyState || this.readyState === 'loaded' || this.readyState === 'complete') { 
       callback() 
       n.onload = n.onreadystatechange = null; 
      } 
      }; 

      document.body.appendChild(n);