HTML5 Nueva función multi -threaded

No hay duda de que JavaScript. la operación del usuario. Gracias, HTML5 nos proporciona un mecanismo de múltiples hechos.

(1) Construcción de la función New Worker (Arg): el parámetro representa el archivo JS donde el código que desea ejecutar, como 'myworker.js', y el constructor, por supuesto, devuelve una instancia de una clase de trabajador

(2) Worker.PostMessage (mensaje): este método indica que enviar mensajes desde el hilo principal a subcreads o sub -hilos envía mensajes al hilo principal.

(3) También hay un evento de mensaje en el trabajador.

Puede ver que la API de la clase de Woker es bastante concisa.

 //main.html <!!! </head> <div id = out> </div> <input type = text name = id = txt> <botón id = btn> enviar </botón> <script type = text/javascript> var out = document.getElementById (Fuera); script> </html> // thread1.jsonmessage tion (evento) {var res = event.data+guapo! ;

Cuando ingreso el cuadro de texto grande ~ oso Haga clic en el botón de envío, habrá el siguiente efecto

Análisis y análisis simples, creé un trabajador de la instancia en el hilo principal de Trip1.js. .js ¿qué hay de eso? Sí, escuchó el incidente del mensaje. , Luego envíelo de vuelta. El hilo principal también escuchó el evento de mensaje del trabajador, por lo que el mensaje se activará en el pasado, y el contenido del mensaje se muestra en DIV, de modo que se ve el efecto anterior.

¿Quizás uses esto? ¡Es realmente inútil aquí. Operación, porque su complejidad es O (1) (¡jaja, está estudiando algoritmos recientemente!), Pero si no fuera por una operación tan simple? La ventaja de este método es lo complicado que lo hacen sus subcontrataciones, no detendrá el hilo principal.

El maestro LU podrá llamar a New Worker () para crear un nuevo subcontrol en el subcontrol. Verificó el documento oficial y descubrió que no había una descripción relevante.

Veamos un ejemplo de llamar a múltiples sub -hilos en el hilo principal:

 //main.html <!!! </head> <div id = out> </div> <input type = text name = id = txt> <botón id = btn> enviar </botón> <script type = text/javascript> var out = document.getElementById (Fuera); .PostMessage (postdata);}, falso); out.inntext = e.data;}, falso); ; ;

El hilo principal requiere dos hilos para completar una tarea. Con el resultado final, se muestra en la página.

Otros archivos JS se pueden introducir en subcreads y luego llamarse, como el ejemplo del lado inferior.

 //main.html <!!! </head> <div id = out> </div> <input type = text name = id = txt> <botón id = btn> enviar </botón> <script type = text/javascript> var out = document.getElementById (Fuera); );}, Falso) ;; res = handler (event.data); }

Se puede ver que nuestro Thread1.js no tiene un archivo llamado Tools.js, pero importa un archivo JS a través de importscripts (), y luego puede llamar al método expuesto.

La esencia de SharedWorker se encuentra en Share.

Ejemplos directos para discutir.

 //main.html <!!!!! SharedWorker ('Shared.js'); Data;} </script> </body> </html> // shared.jsonconnect = function (e) {var port = e.ports [0];

Este es un ejemplo del W3C.

 <! '' Shared.js '); , falso) ;; E.Ports [0]; E.target.postMessage ('pong');

El primer método es escuchar el evento de mensaje utilizando el mango del evento. Son diferentes de los trabajadores.

Entonces, ¿cómo comparte los datos de los trabajadores compartidos? Por favor, mire el siguiente ejemplo.

 // Main1 y Main2 son SO <! = Text name = id = txt> <button id = get> get </button> <button id = set> setton> <script> var trabajador = nuevo trabajador compartido ('shared.js'); ('Get'); ) {log.inntext = e.data;}, false); valor);}, falso); ) {var port = e.ports [0]; }}

Análisis aquí, ingresamos datos en el cuadro de texto de Main1.html, haga clic en el conjunto y luego hacemos clic en el método Get en Main2.html para obtener los datos que establecemos en Main1.html Casos únicos, al igual que la clase estática en Java, no Importan cuántas noticias, en realidad solo hay una, para que nuestros diferentes hilos puedan compartir datos en SharedWorker. Aquí está la imagen.

Finalmente, resumamos, el trabajador y el trabajador compartido no tengan colgantes, es decir, mover el trabajo frente al escenario para hacerlo detrás de escena sin interrumpir el trabajo frente al escenario. Son los diez minutos en el escenario y diez años fuera del escenario. Poner a bajar, solo el mejor lado de su mejor lado está en el escenario, ¡diez minutos es suficiente!