JavaScript: function. linguaxe de programación JS

Ideas de contido dinámico para formar web-RECURSOS tornar-se a norma. páxinas estáticas e deseño templates web finalmente rematada a súa misión.

Con todo, moderno web-recurso non ten que ser representado por un conxunto de páxinas xeradas polo servidor e actualizar o seu navegador (JS + AJAX).

depósito baseado na web no momento da chegada do visitante pode ser un par de títulos para o rexistro, texto no «cabeza», algunhas liñas de código no «corpo» e todo. O resto de "deseñar" no proceso de convidado - é un lugar ideal, ou á aspiración ser un.

Pon a descrición e natureza das funcións

опыт, наработаный многими десятилетиями. JavaScript - É unha experiencia narabotany décadas. El ten unha historia significativa de desenvolvemento, moderno equipo cualificado creadores desenvolvedores. ben a lingua pensado, fiable, fermosa e dá unha oportunidade real para os desenvolvedores a escribir código para un decente e propio perfeccionamento.

O concepto de algoritmo é unha función aquí non existe, en principio. Por suposto, o creador pode calquera lugar da páxina para introducir código de script para poñer nel e será executado. страницы? Pero o que é o punto no código, que é executada unha vez: premendo (recarga) da páxina? Pode configurar os valores iniciais que algunhas variables insignificantes.

Script - este lugar é a descrición dereito de variables e funcións, en vez de un bo anaco de código escrito para o seu propio ben. É un conxunto de funcións é esencial e importante, quizais - a súa conexión directa mutua, pero máis frecuentemente é diferente. descrición do lugar da función eo lugar da súa aplicación non é o mesmo.

Non é necesario que a función pode chamar outra función directamente, pero isto pode ser feito indirectamente a través da formación de código dinámico. Un visitante toma unha decisión dentro deste código e funciona moi diferentes funcións do sistema.

dinámica funcional

dinámica funcional - é non só e non tanto manipuladores asignados a elementos da páxina son funcións que forman os elementos da páxina, e dos manipuladores inmediatos, tamén, pode cambiar.

A acción ten lugar na páxina, dependendo dos elementos e comportamento do visitante sobre el. Movemento do rato, teclado, teclado, click, eventos, artigos e outras circunstancias conducir ao lanzamento das funcións necesarias.

Orixinalmente non hai coherencia e non hai ningún paralelo. Hai unha resposta adecuada aos eventos web en recursos. Que rápido JavaScript cumpre unha función que depende de moitos técnicos (ordenador, liñas de comunicación) e semántica (algoritmo de lóxica, área temática, é dicir, o problema) factores.

De feito, pódese argumentar que algo traballou en paralelo, pero algo vai virar despois de algo, pero o significado deste especial non é. É importante que a función JavaScript - é unha oportunidade de crear unha resposta adecuada ás accións do visitante.

Esta nova forma de pensar no proxecto: procesamento distribuído nas profundidades dun único navegador!

A sintaxe para variables e funcións

JavaScript-variables están situados na etiqueta «guión», e no corpo da función. Funcións defínense da mesma maneira. significado especial para escribir dentro da función hai outra función, pero pode ser necesario por varias razóns, e é bastante razoable.

Descrición da función xeralmente comeza coa «función» de palabras clave, seguido polo seu nome, a lista de argumentos entre parénteses, separados por comas, eo corpo función no aparello.

Neste exemplo, dúas funcións son descritos que fornecen AJAX-troco entre a páxina eo servidor. Parcialmente scXHR descrito anteriormente, xa dispoñible en ambos InitXML, e dentro WaitReplySC.

"Función" do nome da función e parámetro

Non foi presentada a versión asíncrono cando a función-función JavaScript é chamada despois da resposta do servidor. Así, a recibir unha resposta do servidor, WaitReplySC accede etiqueta de páxina, enche a información recibida e fai que outras funcións, que pode moi ben comezar a seguinte solicitude ao servidor.

Aquí tamén é importante ter en conta que WaitReplySC - unha función. scXHR.onreadystatechange = WaitReplySC она передается как параметр. Pero en liña scXHR.onreadystatechange = WaitReplySC é pasado como un parámetro. Esta función de transferencia regra xeral a outras funcións como parámetros. soportes afiados e deulles o seu parámetro (s) - a función será executada inmediatamente. Narrado por nome só, ben así que. función de chamada fará que a persoa que ten o seu nome.

A funcionalidade implementada a través AJAX, permítelle chamar unha función JavaScript través dos datos recibidos dende o servidor. En realidade, o envío dunha solicitude ao servidor, un ou outro recurso non pode, a todo o "saber" que funcionan se vira, e que a información.

función fóra eo seu resultado

O corpo da función, pode escribir calquera operadores de linguaxe, que, de feito, para que se destina. características no interior son variables declaradas dentro e fóra, pero non aqueles que son descritos en outras funcións.

Se quere que a función para voltar un resultado, pode utilizar a instrución de retorno JavaScript: retorno. O corpo da función pode ser un número suficiente de instrucións de regreso. Non é necesario que todos van devolver o resultado do mesmo tipo.

Normalmente, os desenvolvedores son reverenciados esta oportunidade e, dependendo da situación, decide retirarse a función máis axiña posible.

Non é necesario para executar a través de todo o algoritmo de funcións, cando se pode saír máis cedo.

argumentos da función

Argumentos pásase á lista de funcións, separados por comas, están entre parénteses, e só despois do seu nome. Os argumentos utilizados nomes de variables, pero pode pasar valores directamente. Para pasar unha función JavaScript nunha función, só precisa indicar o seu nome sen corchetes.

Dentro da función é variable argumentos dispoñibles, que ten unha propiedade de lonxitude. Pode referirse a calquera función argumento mediante argumentos [0], os argumentos, [1] ... para os últimos argumentos [arguments.length-1].

Cambiando a función do argumento é realmente dentro da función, pero non fóra dela. A fin de cambiar algo fóra da función, o operador debe usar retorno JavaScript, por onde pasan o valor necesario para o exterior.

Despois a función remata, todo o que foi asociado coa súa posta en marcha, serán destruídos. Durante a execución da función pode cambiar as variables externas, agás aqueles que son descritos en outras funcións, incluíndo aqueles en interior.

Temos argumentos de propiedade callee, que pretende chamar a unha función que é executada nun determinado momento. A propia causa, a versión JavaScript da función na función pode aplicar recursão.

usando funcións

A principal preocupación das funcións - para servir o navegador evento. Para iso case todos os tag ten a capacidade de especificar un nome do evento e función da súa fabricación. Pode especificar varios eventos, pero cada evento indícase só unha función.

Unha función pode tratar con varios elementos da páxina e algúns eventos. A través «este» opción, pode transferir a función de información onde foi chamado.

O uso clásico da JS funcións - os manipuladores de eventos sobre os elementos. Neste exemplo scfWecomeGo () función ou scfWelcomeCancel () chámase baixo a forma do visitante de entrada / saída, e ao seleccionar o modo de funcionamento scfMenuItemClick (este).

Neste último caso, o parámetro pasado para «esta», que permite que aprenda milagrosamente que é diva foi chamado. De feito, JavaScript é tan cualitativamente implantado no DOM, e é tan cómodo permite que navega seus elementos, para recoller a información necesaria que a dinámica páxinas pode simplemente ser imprevisible.

A función non ten que devolver unha cadea, número ou outra función. Pode voltar un HTML-elemento completo, e que é o número necesario de elementos, os seus manipuladores, os seus eventos.

Ao colocar un elemento na páxina, o creador crea unha nova funcionalidade que é bo en termos de resolver o problema e atender aos intereses dos visitantes, pero moi difícil en termos de implantación.

Desde o desenvolvemento de tal un totalmente funcional, doado de se perder en código nativo, en chamadas de función, en momentos cando formados ou que o contido de un ou outro da páxina. Antes de tomar esta dirección do desenvolvemento, e non impedir un pozo pesar de todo.

Sobre a distribución de pensar

O creador ten que pensar no nivel de todos os elementos da páxina, en todos os eventos, e ten unha presentación clara de como todo realmente acontece. É difícil, pero o traballo paga a pena.

En JavaScript, a función pode ser adiada ata que algún evento, e tales características poden ser moitos, e os eventos teñen unha tendencia a estenderse e entrar na "esfera de visibilidade" dos varios procesadores.

Neste exemplo, nalgún lugar antes de que a función foi chamado, que iniciou un menú de navegación de ficheiros elemento. Suponse paxinación, que é a fiestra só sete arquivos, que poden ser eliminados e procesados. Pode ser movido como un arquivo, premendo na liña, e as teclas de frecha e bloques de sete liñas.

En cada caso ten a súa propia función. Noutras palabras, neste exemplo simple, ten que escribir un par de decenas de recursos que vai reaccionar a varios eventos, e algunhas delas pode xestionar unha variedade de opcións e situacións que os eventos non pertencían.

Por exemplo, ao eliminar a liña de fondo debe ser desprazado cara arriba. Isto vai esixir quere facer unha nova selección que común e claramente un recurso, ou para contar liñas, usa unha función JavaScript na matriz e para acadar a meta elegante.

Os argumentos e resultados de funcións

JavaScript permite que traer código ao status de "full-featured". Normalmente, cando o argumento da función é a función. opción permite, a función devolve unha función. JavaScript leva-lo con toda a calma.

Este é un bo mecanismo, pero moi complicado en relación á implantación. Tecnicamente admisible semanticamente proporcionar transmisión lóxica "funcional" só por un creador cualificado.

Cando unha función JavaScript nunha función - todo ben, pero cando a función xera unha función, e que outro, a lóxica é moi difícil de seguir. En realidade, a cuestión non é saber se a aplicar as habilidades, a cuestión é a obtención de resultados seguro e correcto.

coidados creador é clara e sinxela. Hai un problema, precisas dunha solución, non un erro como «erro de JavaScript a operación é inseguro» , unha pantalla en branco, ou deixar todos os motores navegador.

Se o argumento é unha función, entón o creador para pasar unha variable con propriedades especiais, que non é un número, non unha cadea, non un obxecto. Pero o uso de tal argumento pode levar ao feito de que cambiar as variables externas e é o resultado da execución da función. Dependendo das modificacións que serán adecuados trasladado.

Execución de código xerado

Aplicar o código de execución xerado no curso do traballo doutro código, é posible a través de «eval". Non se considera como unha excelente solución, pero moitas veces non poden complicar o código con funcións innecesarias, e para limitar a formación de liña trivial de código JavaScript e simplemente executalo.

Neste exemplo, o inserido está formado de puntos en div operável unha información. contido de información para un número diferente de posicións diferentes diva e porque tal decisión nesta situación non fornece unha situación garantía «JavaScript erro da operación é inseguro» , pero con firmeza dar o efecto desexado.

Matices JavaScript paradigma shift "función na función"

Se pode facer sen frescura, é mellor usalo. Todas estas opcións son boas. Claro que, en moitos casos, é a única solución.

Un exemplo clásico de recursividade: o factorial. É difícil o suficiente para escribir un algoritmo que fará un loop, pero é moi simple, pode empurrar os valores do sobre. Factorial está crecendo moi rápido.

Con todo, recursão, e función chama outra función, que pode facer callback informado - cousas normais.

Por exemplo, unha táboa estándar. A outra mesa pode ser unha mesa. Nidificación non pode ser restrinxido. Escribir para cada táboa seu propio conxunto de recursos - moi luxo.

Tales exemplos son numerosos, e todo iso será un problema real e urxente, non por mor de programación. É por iso que o problema reside no feito de que sen frescuras non configurar un sistema de funcións, máis precisamente, a súa depuración e posterior operación de confianza convértese en coidado JavaScript, e Developer.