Declarações condicionais são usadas para executar ações diferentes com base em diferentes condições.
Declarações condicionais
Normalmente, ao escrever código, você sempre precisa executar ações diferentes para decisões diferentes. Você pode usar declarações condicionais em seu código para realizar esta tarefa.
Em JavaScript, podemos usar as seguintes declarações condicionais:
• Se a instrução - use esta instrução para executar o código somente se a condição especificada for verdadeira
• se ... else instrução - execute o código quando a condição for verdadeira e execute outro código quando a condição é falsa
• Se ... else If ... else declaração - use esta instrução para selecionar um dos vários blocos de código para executar
• Declaração de comutador - use esta instrução para selecionar um dos vários blocos de código para executar
If Declaração
A instrução executa o código somente quando a condição especificada é verdadeira.
gramática
A cópia do código é a seguinte:
se (condição)
{
Somente código executado quando a condição é verdadeira
}
NOTA: Por favor, use minúsculas se. Usando letras maiúsculas (se) gera erros de JavaScript!
Exemplo
Quando o tempo é inferior a 20:00, é gerada uma saudação de "bom dia":
A cópia do código é a seguinte:
se (tempo <20)
{
x = "bom dia";
}
O resultado de X é:
Bom dia
Experimente você mesmo
Observe que, nesta sintaxe, não há ..Else .. você disse ao navegador para executar o código somente se a condição especificada for verdadeira.
Se ... else declaração
Por favor, use a instrução if ... else para executar o código quando a condição for verdadeira e outro código quando a condição for falsa.
gramática
A cópia do código é a seguinte:
se (condição)
{
Código executado quando a condição é verdadeira
}
outro
{
Código executado quando a condição não é verdadeira
}
Exemplo
Quando o tempo for menor que as 20:00, você receberá a saudação "Good Day", caso contrário, receberá a saudação "Boa noite".
A cópia do código é a seguinte:
se (tempo <20)
{
x = "bom dia";
}
outro
{
x = "Boa noite";
}
O resultado de X é:
Bom dia
Experimente você mesmo
Se ... else se ... else declaração
Use a instrução if ... else if ... else para selecionar um dos vários blocos de código para executar.
gramática
A cópia do código é a seguinte:
IF (Condição 1)
{
Código executado quando a condição 1 é verdadeira
}
senão se (condição 2)
{
Código executado quando a condição 2 é verdadeira
}
outro
{
Código executado quando nem a condição 1 nem a condição 2 são verdadeiros
}
Exemplo
Se o tempo for menor que as 10:00, a saudação "Good Morning" será enviada, caso contrário, se o tempo for menor que 20:00, a saudação "Good Day" será enviada, caso contrário, a saudação "boa noite" será enviada:
A cópia do código é a seguinte:
se (tempo <10)
{
x = "bom dia";
}
senão se (tempo <20)
{
x = "bom dia";
}
outro
{
x = "Boa noite";
}
O resultado de X é:
Bom dia
Em JavaScript, cujos valores podem ser usados como condições para se
1. Variável booleana verdadeira/falsa
2. Os números não são 0, não nan/ (0 ou nan)
Veja o exemplo abaixo, não pense que números negativos são falsos.
A cópia do código é a seguinte:
var i = -1;
se (i) {
alerta ('aqui');
}outro{
alerta ('teste está ok!');
}
3. Objetos não são nulos (nulos ou indefinidos)
4. String não vazia String ("")/String vazia ("")
Para resumir, para strings, você não precisa escrever muito se (str! = Null && str! = Indefinido && str! = ''), Basta usar uma frase
A cópia do código é a seguinte:
if (! str) {
// Faça algo
}
É isso.
Para julgamentos não nulos de números, considere usar a função isnan (). A NAN não é igual a nenhum tipo de dados, incluindo a si mesma, e só pode ser julgada por Isnan (). Para tipos numéricos, se (a) a declaração for 0, se (a) for falsa, se (a) não for 0, se (a) for verdadeiro
A cópia do código é a seguinte:
var b;
var a = 0;
a = a + b;
se (a) {
alerta ('1');
}outro{
alerta ('2');
}
if (isnan (a)) {
alerta ('a é nan');
}
Javascript Tutorial: sobre se o método de otimização de declaração se abreviação
O UglifyJS é uma ferramenta para comprimir e embelezar o JavaScript. Em sua documentação, vi várias maneiras de otimizar as declarações IF. Embora eu não tenha usado para fazer alguns testes de teste, podemos ver daqui que ele embeleza o JS. Algumas pessoas podem pensar que, se as declarações são tão simples, quanto podem ser otimizadas? Mas olhe para as seguintes maneiras e você pode mudar de idéia.
1. Use operadores ternários comuns
if (foo) bar (); else Baz (); ==> foo? bar (): baz ();
if (! foo) bar (); else Baz (); ==> foo? baz (): bar ();
se (foo) barra de retorno (); else Return baz (); ==> return foo? bar (): baz ();
Você certamente estará familiarizado com o uso acima dos operadores ternários para otimizar as instruções IF, e talvez você o use com frequência.
Exemplos dados por wulin.com:
A cópia do código é a seguinte:
<Cript>
var i = 9
var ii = (i> 8)? 100: 9;
alerta (ii);
</script>
Resultado da saída:
100
2. Usar e (&&) e (||) operadores
if (foo) bar (); ==> foo && bar ();
if (! foo) bar (); ==> foo || bar ();
Para ser sincero, nunca escrevi código como este. Eu vi este método de escrita quando estudava "Linux Private Vegetable Linux", mas não esperava implementá -lo no JS.
3. Omita aparelhos encaracolados {}
se (foo) barra de retorno (); caso contrário, algo (); ==> {if (foo) barra de retorno (); algo()}
Estou familiarizado com este método de redação, mas sugiro fazer isso ao otimizar o código ou deixá -lo no UGLIFYJS para ajudá -lo a resolvê -lo. Afinal, se você não tem uma chave, o código não será legível.
Tendo escrito isso, penso em um método do pai de JQuery em "dominar JavaScript" para obter os atributos dos elementos HTML.
função getattr (el, attName) {
var att = {'para': 'htmlfor', 'classe': 'className'} [attName] || attName;
};
Se não escrevermos dessa maneira, podemos precisar usar duas declarações se processá -lo, e o código acima não é apenas conciso e eficaz, mas também altamente legível.
Se você pensar com cuidado, podemos encontrar maneiras eficazes de resolver o problema em muitos casos, mas a chave é se temos o cuidado de encontrar uma maneira melhor.
【Habilidades JavaScript】 Abreviação se (x == null)
se (x == nulo) ou se (typeof (x) == 'indefinido') puder ser abreviado como se (! x) e não for verificado.
Pelo contrário, se (x) significa que x não estiver vazio
Determinar se o objeto existe
A cópia do código é a seguinte:
if (document.form1.softurl9) {
// julga se o softurl9 existe para evitar erros de JS
}
A cópia do código é a seguinte:
if (document.getElementById ("softurl9")) {
// julga se o softurl9 existe para evitar erros de JS
}