Web Worker——js的多线程，实现统计博客园总阅读量

    console.log("我是我是worker 任务线程 负责统计总阅读量..");
    //我的博客园地址名称
    var myCnblogsName = this.name;

    //监听主线程发送过来的数据
    //this.addEventListener(‘message‘, function (e) {
    //  this.postMessage(‘主线程发送过来的数据: ‘ + e.data);
    //}, false);

    //监听发送报错
    //this.addEventListener(‘messageerror ‘, function (e) {
    //  this.postMessage(‘发送数据到主线程报错: ‘ + e.data);
    //}, false);

    //加载其他 JS 脚本。
    //this.importScripts("")：

    //任务线程内部的全局变量数组，用于保存数据
    var statisticsArray = [];

    //发送ajax请求博客园
    function getReadData(page){
        //是否还要继续
        var flag = false;
        
        //使用XMLHttpRequest对象请求博客园 
        var xhr = new XMLHttpRequest();            
        xhr.open(‘GET‘, "https://www.cnblogs.com/"+myCnblogsName+"/default.html?page=" + page, false);//同步
        xhr.setRequestHeader("Content-Type", "text/html; charset=utf-8"); //设置响应格式
        xhr.onreadystatechange = function() {
          // readyState == 4说明请求已完成
          if (xhr.readyState == 4 && xhr.status == 200 || xhr.status == 304) { 
            //使用正则处理HTML字符串，需要设置全局标识
                //var myRe = /huanzi-qch\s+阅读[(]+[1-9]\d+[)]/g;
                var myRe = /阅读[(]+[1-9]\d+[)]/g;
                var resultArray = xhr.responseText.match(myRe);
                
                //合并到全局变量数组中
                statisticsArray = statisticsArray.concat(resultArray);
                
                //判断这个即可：resultArray.length > 0     如果还有文章集合，则返回true
                if(resultArray && resultArray.length > 0){
                    flag = true;
                }
          }
        };
        xhr.send();
        
        return flag;
    }


    //循环调用getReadData，默认最大页数 100 （100页，每页10条记录，相对于1000篇博客，已经够多了吧？）
    for(var i = 1;i < 100;i++){
        //如果返回false则立即跳出循环
        if(!getReadData(i)){ break;}
    }

    //处理全局数组
    for(var i = 0;i < statisticsArray.length;i++){
        if(statisticsArray[i]){
            //只保留数字部分
            statisticsArray[i] = statisticsArray[i].match(/[1-9]\d+/)[0];
        }else{
            statisticsArray.splice(i, 1);
        }
    }

    //数组求和，需要返回主线程的最终值
    //向产生这个 Worker 线程发送消息。
    var count = eval(statisticsArray.join("+"));
    this.postMessage(count);
    
    console.log("统计结束，总阅读量为："+count);

    //关闭 Worker 线程
    this.close();

        // 先追加一个显示标签
        $("#profile_block").append("总阅读量：<span id=‘statistical‘ style=‘color: #464646;‘>统计中...</span><br/>");
           
        //创建一个Blob，读取同个页面中的script标签
         var blob = new Blob([document.querySelector(‘#worker‘).textContent]);

        //这里需要把代码当作二进制对象读取，所以使用Blob接口。然后，这个二进制对象转为URL，再通过这个URL创建worker。
        var url = window.URL.createObjectURL(blob);

        //创建worker对象
        var worker = new Worker(url ,{ name : ‘huanzi-qch‘});

        //监听任务线程返回的数据
        worker.onmessage = function (event) {
            //设置总阅读量
            $("#statistical").text(event.data);
        }

        //error 事件的监听函数。
        worker.onerror = function (event) {
          console.log(‘error：‘ + event);
        }

        //messageerror 事件的监听函数。发送的数据无法序列化成字符串时，会触发这个事件。
        worker.onmessageerror = function (event) {
          console.log(‘messageerror：‘ + event);
        }

        //发送数据到任务线程
        //worker.postMessage(‘Hello World‘);

        //隐藏博客园提供的积分与排名标签，并将内容迁移到指定位置
        $("#sidebar_scorerank").hide();
        $("#profile_block").append("积分：<span style=‘color: #464646;‘>"+$("#sidebar_scorerank").find(".liScore").text().match(/[1-9]\d+/)[0]+"</span><br/>");
        $("#profile_block").append("排名：<span style=‘color: #464646;‘>"+$("#sidebar_scorerank").find(".liRank").text().match(/[1-9]\d+/)[0]+"</span><br/>");