Quando usar a instrução switch programar HTML com javascript
Apesar de E se
Como criar um switch básico em javascript
Como usar a opção padrão de javascript
declaração é comumente usado para escolhas simples em javascript, o interruptor declaração é usada para lidar com uma gama de escolhas. UMA interruptor fornece uma maneira elegante de lidar com dados variáveis. Existem duas formas de interruptor declaração.
O primeiro fornece os meios para trabalhar com um intervalo predefinido de opções, eo segundo fornece os meios para trabalhar com dados que podem conter informações inesperadas. Esta segunda forma faz com que o interruptor declaração particularmente útil porque os usuários são imprevisíveis, e essa segunda forma pode tomar tais usuários em conta.
Muitos desenvolvedores preferem interruptor declarações sobre aninhada E se demonstrações porque o interruptor declarações são mais fáceis de entender. UMA interruptor declaração também exige menos digitação para se obter o mesmo resultado.
função CheckChoice (opção) {// Verifique se a entrada é um number.if (typeof (opção) = "número"!) {// exibe uma dialog.alert erro ( "Por favor, forneça a entrada numérica!") - // Retorno sem fazer nada more.return -} // Certifique-se que a opção é realmente um integer.var Selecione = Math.round (opção) - // Verifique se a entrada está em range.if ((Selecionar lt; 1) || (Select> 3)) {// exibe uma dialog.alert erro ( "O valor fornecido está fora de alcance!") - // Retorna sem fazer nada more.return -} // Faz um selection.switch (Selecionar) { case 1: document.getElementById ( "resultado") innerHTML = - break-case 2 ". Você escolheu item A.": document.getElementById ( "resultado") innerHTML = "Você escolheu item B." - break-case 3. .: document.getElementById ( "resultado") innerHTML = "Você escolheu item C." - break-}}
Se você usa um interruptor declaração ou aninhado E se declaração, você precisa fornecer lógica para garantir que a entrada está correta, ou sua aplicação provavelmente irá falhar. Neste caso, a falha equivale à aplicação não fazer nada, mas o conceito de falha é o mesmo. Sempre verifique suas entradas para os valores corretos.
Algumas pessoas têm dificuldade em entender onde o valor de verdade reside no interruptor declaração. o interruptor declaração requer uma variável, que é selecionar nesse caso. Cada caso cláusula realiza uma comparação com a variável. Consequentemente, você pode ver o primeiro caso cláusula como dizendo: caso Select == 1.
Ao trabalhar com interruptor declarações, você também deve incluir um pausa declaração no final de cada segmento de processamento. o pausa declaração simplesmente diz que o caso foi avaliada e manipulados.
Se você deixar o pausa declaração para fora, o código continua com a próxima instrução executável no próximo caso. Esta condição é conhecida como Cair em, e alguns desenvolvedores usá-lo como uma técnica de programação para combinar tarefas e reduzir a quantidade de código necessário. Usando esta técnica é perigoso, porque outros programadores podem não perceber que a queda-through é necessária e, portanto, pode adicionar uma pausa declaração para você.
o interruptor declaração inclui uma outra cláusula, o padrão cláusula. o padrão cláusula é como a cláusula else para o E se declaração. Quando nenhuma das opções caso cláusulas forem verdadeiras, o código executa o código no padrão cláusula. O exemplo a seguir usa o padrão cláusula para modificar a forma em que o exemplo funciona.
MakeAChoice function () {// Peça ao usuário para fornecer Seleção input.var = alerta ( "Escreva uma opção de menu.") - // Converte a cadeia para um number.var IntSelect = parseInt (Selecção) - // Verifique se o usuário providenciou uma number.if (isNaN (IntSelect)) {// exibe uma dialog.alert erro ( "Por favor, forneça a entrada numérica!") - // Retorna sem fazer nada more.return -} // Chamar o function.CheckChoice selecção (IntSelect) -}
Em vez de fornecer uma infinidade de botões, este exemplo baseia-se na pronto() caixa de diálogo para obter a entrada do usuário. O resultado é a interface mais limpa. Quando o usuário clica Escolha um item de menu, o aplicativo exibe um pronto() caixa de diálogo, onde o usuário pode inserir um valor.
Você pode pensar que esta é uma receita para o desastre, mas o aplicativo executa as mesmas verificações de validade de entrada como antes, mas ele usa uma técnica diferente.
Neste caso, a aplicação utiliza partInt () para verificar que a entrada é um número e para converter o número para um valor inteiro. Quando a entrada está incorreto, IntSelect está definido para Not a Number (NaN). O exemplo detecta esse problema usando o isNaN () função. Quando um usuário não fornecer uma entrada numérica, o aplicativo chama CheckChoice (), o qual é mostrado no seguinte código:
. Função CheckChoice (opção) {// Faça um selection.switch (opção) {case 1: document.getElementById ( "resultado") innerHTML = "Você escolheu Item A." - Break-case 2: document.getElementById ( "Resultado ") .innerHTML =" Você escolheu item B "- break-case 3: document.getElementById (". "). innerHTML =" Resultado Você escolheu item C. "-break-default: // exibe uma dialog.alert erro ( "O valor fornecido está fora de alcance!") - break-}}
Você pode estar se perguntando onde o resto do código é, mas isso é tudo que você precisa. o interruptor instrução verifica para valores de 1, 2, ou 3. Quando os valores estão fora dessa faixa, o código usa a cláusula padrão, que contém a mensagem de erro fora-de-gama. Como você pode ver, estas duas funções fazem as tarefas de trabalhar com o menu muito mais simples tanto para desenvolvedor e usuário.
Como criar funções personalizadas com argumentos opcionais e obrigatórios em javascript
Como usar Declaração de quebra de javascript
o pausa declaração permite que você pare a execução do loop em programação HTML, mesmo que não estejam reunidas as condições de expressão parada. Há muitas razões para usar o pausa declaração. Por exemplo, você pode querer parar a…
Seleccionado javascript Sintaxe
javascript é uma linguagem importante para programação, desenvolvimento de jogos e aplicativos de desktop. A seguir estão os elementos de sintaxe javascript mais comumente usados, incluindo comandos para manipular variáveis,…
Quando usar a instrução if programar HTML com javascript
Você realmente não pode escapar usando o E se declaração com javascript. o E se declaração é comumente usado para testar se algo aconteceu ou não, se os dados estiverem no alcance ou não, ou se o usuário deseja executar uma tarefa…
Como usar javascript para tomar decisões em Switch para HTML5 e CSS3 Programação
javascript, como um número de línguas, suporta uma outra estrutura de tomada de decisão chamado interruptor. Esta é uma alternativa útil em HTML5 e CSS3 programação quando você tem uma série de valores discretos que deseja comparar com…
Como usar a Declaração ifelse em um aplicativo Python
Mesmo a introdução de dados do tipo errado produz uma mensagem de erro em Python, mas entrar o tipo correto de dados fora do intervalo informa ao usuário nada. Neste exemplo, você descobre os meios para corrigir esse problema usando um outro…
Sua aplicação Python pode chegar ao ponto em que você precisa usar oelif cláusula. Você vai a um restaurante e olhar para o menu. O restaurante oferece ovos, panquecas, waffles, e farinha de aveia no café da manhã. Depois de escolher um dos…
Aborrecido.ru » Computadores e Software » Programação » HTML » Quando usar a instrução switch programar HTML com javascript