Question

我写了3个文件来测试WebWorker，
的 webworker.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <table id="table"></table>
    <script>
        // var worker = new Worker('webworker3.1.js');
        var worker = new Worker('webworker3.1.js');
        worker.postMessage('');
        worker.onmessage = function(event){
            console.log(event.data);
            if(event.data != ''){
                var j, k, tr, td,
                    intArray = event.data.split(';'),
                    table = document.getElementById('table');
                for(var i = 0; i < intArray.length; i++){
                    j = parseInt(i / 10, 0);
                    k = i % 10;
                    if(k == 0){
                        tr = document.createElement('tr');
                        tr.id = 'tr' + j;
                        table.appendChild(tr);
                    }else{
                        tr = document.getElementById('tr' + j);
                    }
                    td = document.createElement('td');
                    tr.appendChild(td);
                    td.innerHTML = intArray[j * 10 + k];
                    td.style.backgroundColor = 'blue';
                    td.style.color = 'white';
                    td.width = '30';
                }
            }
        };
    </script>
</body>
</html>

这是一个显示的主要HTML。

webworker3.1.js

onmessage = function(event){
    var intArray = new Array(100);
    for(var i = 0; i < 100; i++){
        intArray[i] = parseInt(Math.random() * 100);
    }
    var worker = new Worker('webworker3.2.js');
    worker.postMessage(JSON.stringify(intArray));
    worker.onmessage = function(event){
        postMessage(event.data);
    }       
}

这是主线程，我在其中创建了一个子线程。的 webworker3.2.js

onmessage = function(event){
    var intArray = JSON.parse(event.data);
    var returnStr = '';
    for(var i = 0; i < intArray.length; i++){
        if(parseInt(intArray[i] % 3) == 0){
            if('' !== returnStr){
                returnStr += ';';
            }
            returnStr += intArray[i];
        }
    }
    postMessage(returnStr);
    close();
}

当我在Chrome中打开webworker.html时，出现错误：

webworker3.1.js:7 Uncaught ReferenceError: Worker is not defined

我找不到原因，谁能告诉我？

Answer 1

谷歌浏览器有一个关于嵌套工作者的已知错误，可能还没有得到纠正;看到这个更多的信息：

https://code.google.com/p/chromium/issues/detail?id=31666

为什么在js中没有定义Worker

1 个答案: