【javascript的那些事】等待加载完js后执行方法

最新推荐文章于 2022-05-24 10:05:48 发布

转载最新推荐文章于 2022-05-24 10:05:48 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Profound/p/6895221.html

文章标签：

#javascript #json #ViewUI

本文介绍了一种解决JavaScript文件异步加载导致的方法未定义问题的方案。通过轮询检查特定库是否已加载完成，确保在使用前库可用，避免运行时错误。

很多时候，你也许会碰到

使用的情景：

js文件b.js还没有从服务器端加载到web端，而吧a.js中已经调用了b.js中的方法

实例：

这里是加载echart的时候碰到的具体实例

引入js

 "js/echarts.common.min.js"

需要调用 echarts 中的 init() ,如果没有加载好 echarts.common.min.js，就会报错

myChart

解决方案：

这里是写了一个 poll(),每100微妙判断下是否记载了echarts...

 1 var myChart = null;
 2 if(myChart==null){
 3               var count=0;
 4               var poll = function(){
 5                   if ("undefined" == typeof echarts) {
 6                       if (count < 20)
 7                           setTimeout(poll, 100);
 8 
 9                   }else{
10                    myChart4 = echarts.init(document.getElementById('main'));
11                   // 使用刚指定的配置项和数据显示图表。
12                   myChart.setOption(option);
13                   }
14 
15               };
16               poll();
17 
18 
19           }else {
20               // 使用刚指定的配置项和数据显示图表。
21               myChart.setOption(option);
22           }