There is no doubt that JavaScript是沒有多線程之說(shuō)的，他只能一件事一件事的做，做完一件事再做下一件事，假如你的js要花一段比較長(zhǎng)的時(shí)間做一件事的話，那么瀏覽器將會(huì)卡頓一段時(shí)間，不對(duì)用戶的操作產(chǎn)生響應(yīng)，這可咋辦呢？謝天謝地，HTML5為我們提供了實(shí)現(xiàn)多線程的機(jī)制，這么好的東西，想必你早就再用了，不過(guò)沒關(guān)系啊，咱們一塊兒復(fù)習(xí)一下咯！

一、Worker類

　　1、方法介紹

　?。?）構(gòu)造函數(shù) new Worker(arg)  :參數(shù)表示你的線程要執(zhí)行的代碼所在的js文件，例如‘myworker.js’,構(gòu)造函數(shù)當(dāng)然是返回一個(gè)Worker類的實(shí)例

　?。?）worker.postMessage(message):這個(gè)方法表示從主線程向子線程發(fā)送消息或者子線程向主線程發(fā)送消息，message一般是一個(gè)字符串，也可以將一個(gè)js對(duì)象轉(zhuǎn)成字符串發(fā)過(guò)去

　?。?）worker上還有一個(gè)message事件，當(dāng)有人向這個(gè)worker實(shí)例發(fā)送消息時(shí)，該事件被觸發(fā)，我們可以從他的事件對(duì)象的data屬性中獲得post過(guò)來(lái)的值

　　可以看到Woker類的API是相當(dāng)簡(jiǎn)潔的，只有兩個(gè)最常用的方法，一個(gè)事件，下面我們來(lái)通過(guò)實(shí)際的例子看看。

　　

電腦培訓(xùn),計(jì)算機(jī)培訓(xùn),平面設(shè)計(jì)培訓(xùn),網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn),美工培訓(xùn),Web培訓(xùn),Web前端開發(fā)培訓(xùn)

//main.html<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>main</title></head><body>
    <div id="out"></div>
    <input type="text" name="" id="txt">
    <button id="btn">發(fā)送</button>
    <script type="text/javascript">
        var out = document.getElementById("out");        var btn = document.getElementById("btn");        var txt =&nb