O conteúdo deste artigo é instrução condicional if, instrução switch multi-branch, while loop, do while loop, for loop, for in loop, break instrução, continue instrução, return instrução, with instrução, funções predefinidas e funções personalizadas.

Passando amigos, por favor curtam e sigam antes de ir, sejam bem vindos para se comunicarem na área de comentários, e trabalhem duro para crescermos juntos!

reabastecer

6.4 Controle de Processo

Estrutura de ramificação (if e switch)

Existem dois tipos de estruturas de ramificação em JavaScript:

se declaração condicional

Quando o valor da condição é definido como 0, null, " ", false, undefined ou NaN, a ramificação do programa correspondente não é executada. Quando o valor da condição for true, uma string não vazia (incluindo a string "false") ou um objeto não nulo, a ramificação do programa correspondente é executada.

if (condição1){

instrução1;//Bloco de execução da instrução

}

else if (condition2){//else if pode ou não ser usado conforme necessário, assim como else.

declaração2;

}

senão {

declaração3;

}

</script>

exemplo:

<script type="text/javascript">
    var s=1;
    if(null){
        console.log("s......");}
    else if(s==1){
        console.log("s");}
    else{
        console.log("s...");}
</script>

switch multi-branch instrução

Uma instrução switch é composta de expressões de controle e rótulos de caso. O tipo de dados da expressão de controle pode ser qualquer tipo, como uma string, um inteiro e um tipo de objeto.

<script type="text/javascript">
    var score=65;
    switch(score/10) {
        case 6:
            console.log("及格");
            break ;
        case 8:
            console.log("良好");
            break ;
        case 9:
            console.log("优秀");
            break ;
            default:
                break;
    }
</script>

estrutura de loop

loop while

Também conhecido como loop de pré-teste, refere-se a julgar se as condições são atendidas antes de executar o código do loop; quando as condições são atendidas, a parte do corpo do loop é executada, caso contrário o loop é finalizado,

while(expressão){

demonstração;}

faça while loop

O loop do while, também conhecido como loop pós-teste, é diferente do loop while.

O loop while é para julgar a condição do loop primeiro e, em seguida, executar o loop depois que a condição for atendida. do while é executar o corpo do loop primeiro e, em seguida, julgar que a condição é satisfeita para entrar no próximo loop

Faz{

demonstração;

} while(expressão);

para loop

O loop for também é um loop de pré-teste, que geralmente é usado quando o número de loops é conhecido.

for(inicialização; expressão; expressão pós-loop){

demonstração;}

para em loop

É um loop especial fornecido pelo JavaScript, que pode percorrer strings, arrays, coleções de objetos, propriedades de objetos, etc.

O for in loop é usado principalmente para percorrer a coleção. Como alguns navegadores não suportam o for in array traversal, erros desconhecidos podem ocorrer. É recomendável não usar o for in loop para percorrer o array.

for (propriedade no objeto){

demonstração;

}

extrato de transferência

Use instruções de ramificação para controlar a direção da execução do programa, incluindo instruções break, continue e return.

declaração de quebra

Na estrutura switch, quando uma instrução break é encontrada, ela salta para fora da estrutura de ramificação switch

Em uma estrutura de loop, quando uma instrução break é encontrada, saia imediatamente do loop e não execute mais nenhum código no corpo do loop

continuar declaração

Quando um continue é encontrado durante a execução do programa, apenas saia do loop atual e, em seguida, julgue se as condições para continuar o próximo loop foram atendidas

declaração de retorno

Ao executar o corpo da função, a função atual será encerrada quando a instrução return for encontrada e o código após a instrução return da função não será mais executado.

<script type="text/javascript">
    function count(){
var sum=0;
for(var i=100;i<1000;i++){
sum+=i;
if(sum<10000){
document.write("<br/>已统计到:"+i);
continue;
}
if(i>200){
break;
}
return sum;
}
document.write("不会被执行到的代码!");
    }document.write("<br/>统计结果为:"+count());
</script>

com declaração

Em JavaScript, usar a instrução with pode simplificar as operações do objeto e tornar o código mais conciso. Embora a instrução with possa simplificar o código, sua eficiência de execução é relativamente lenta. Em geral, tente evitar usar a instrução with

<script type="text/javascript">
    with(document){
        write("<table border='1'>");
        write("<tr>");
        write("<th>ID</th><th>商品编号</th><th>价格</th>");
        write("</tr>");
        var i=1;
        while(i<=4){
            write("<tr>");
            write("<td>"+i+"</td>");
            write("<td>FZO0"+i+"</td>");
            write("<td>"+(Math.random()*100).toFixed(2)+"</td>");write("</tr>");
            i++;
        }
        write("</table>");
    }
</script>

6.5 Funções

As funções podem ser divididas em funções predefinidas e funções definidas pelo usuário.

função predefinida

Refere-se às funções internas predefinidas no mecanismo JavaScript e os usuários podem usá-las diretamente sem defini-las.

função parselt()

Converter uma string em um inteiro significa analisar a string e retornar um inteiro dela.

Quando houver caracteres que não sejam números, símbolos, pontos decimais e símbolos de expoente na string, a função parselnt() interrompe a conversão e retorna o resultado existente.

Quando o primeiro caractere não puder ser convertido, a função retornará "NaN" (ou seja, não é um número, não é um número).

parselnt(string,[radix])

função parsefloat()

Converte uma string em um float para analisar a string e retorna um float dela.

parseFloat (string)

função isNaN()

Teste se não é um número (nome completo: não é um número), quando o parâmetro for um número, retorne um falso; caso contrário, retorne verdadeiro. Usado para verificar se seu argumento é um valor não numérico.

éNaN(valor)

função eval()

Teste se é um infinito. Em caso afirmativo, retorne um false, caso contrário, retorne true. Execute uma string em JavaScript como código de script.

eval(string)

função escape() :

Converter caracteres em Unicode

função sem escape():

Decodificar caracteres codificados pela função de escape

função alerta()

Usado para abrir uma caixa de diálogo de prompt

função confirmar()

Usado para abrir uma caixa de diálogo de confirmação, na caixa de diálogo de confirmação, retornar true quando clicar em "OK" e false quando clicar em "Cancelar"

função prompt()

Caixa de entrada para receber entrada do usuário

Nota: As funções alert(), confirm() e prompt() são na verdade métodos do objeto window, que são usados para abrir uma caixa de diálogo para interagir com o usuário. Quando usado, o objeto window pode ser omitido.

função personalizada

Ao personalizar uma função, nem os tipos de parâmetro da função nem o tipo de retorno da função precisam ser declarados

Os métodos de personalização atualmente suportados pelo JavaScript incluem funções nomeadas, funções anônimas, funções de objeto e funções de auto-invocação

função nomeada

Uma função consiste em uma definição de função e uma chamada de função. Ao usar uma função, você deve definir a função antes de chamá-la. function funcName([parameters]){ //parâmetros parâmetros são opcionais, quando vários parâmetros são fornecidos, use vírgulas (,) para separar os parâmetros

declarações;

[return expression]; //A instrução return é opcional e é usada para retornar o valor de retorno da função; quando return for default, a função retornará undefined

}

Depois que a função é definida, a função não é executada automaticamente, ela só é executada quando é chamada por meio de um evento ou script.

Na mesma tag <script></script>, a chamada da função pode ser antes ou depois da definição da função. Quando em tags <script></script> diferentes, a definição da função deve ser anterior à chamada da função, caso contrário a chamada é inválida.

função anônima

Uma função é definida na forma de uma expressão.

function([parâmetros]){

declarações;

[expressão de retorno];

};

O formato de definição de funções anônimas é basicamente o mesmo de funções nomeadas, exceto que o nome da função não é fornecido e termina com um ponto e vírgula ;) no final da função.

Como não há nome de função, é necessário usar variáveis para receber funções anônimas para facilitar chamadas de funções subsequentes.

<script type="text/javascript">
  var f=function(user){
    alert("欢迎"+user+"下次光临！");
  }
  var test=f;
  f("admin");
  test("admin");//f("admin")与test("admin")调用的结果完全一样。
</script>

função de objeto

A classe Function é fornecida para definir funções. Function é uma palavra-chave usada para definir uma função, e a primeira letra deve ser maiúscula. var funcName=new Function([parâmetros],instruções;);

<script type="text/javascript">
    var showinfo=new Function("name","age" ,"authority" ,"address"；
       );
</script>

função de auto-invocação

A função em si não é executada automaticamente, apenas quando é chamada.

Em JavaScript, uma função de auto-invocação é fornecida, que implementa a definição e a invocação da função juntas. (função([parâmetros]){

declarações;[expressão de retorno];

})([parâmetros]);

Função de auto-invocação significa que a definição da função está entre parênteses "()", e os parênteses indicam que esta parte é uma expressão de função; a expressão de função é seguida por um par de parênteses "()", indicando que a função a função will é chamada automaticamente;

<script type="text/javascript">
    var user=" admin";
    (function(userData) {
        alert("欢迎" + userData + "光临！");
    } )(user);
    </script>

Instrução básica de transferência de loop de ramificação JavaScript e função da tecnologia de front-end da web

Diretório de artigos

prefácio