Declaración de transferencia de bucle de rama básica de JavaScript y función de la tecnología front-end web

Directorio de artículos

contenido

Directorio de artículos

prefacio

6.4 Control de procesos

Estructura de ramificación (if y switch)

si declaración condicional

Cambiar declaración de varias sucursales

estructura de bucle

mientras bucle

hacer mientras bucle

en bucle

 para en bucle

declaración de transferencia

romper declaración

 continuar declaración

declaración de devolución

con declaración

6.5 Funciones

función predefinida

función parselnt()

función parsefloat()

función isNaN()

función evaluar()

función escape():

función sin escape():

función alerta()

confirmar() función

función de solicitud ()

función personalizada

función nombrada

función anónima

función de objeto

función de autoinvocación



prefacio

El contenido de este artículo es instrucción condicional if, instrucción switch multi-branch, bucle while, bucle do while, bucle for, bucle for in, sentencia break, sentencia continue, sentencia return, sentencia with, funciones predefinidas y funciones personalizadas.

Amigos que pasan, por favor, dale me gusta y síguenos antes de irte, ¡bienvenidos a comunicarte en el área de comentarios y trabajar duro para crecer juntos!

rellenar


6.4 Control de procesos

Estructura de ramificación (if y switch)

Hay dos tipos de estructuras de ramificación en JavaScript:

si declaración condicional

Cuando el valor de la condición se establece en 0, nulo, " ", falso, indefinido o NaN, la rama del programa correspondiente no se ejecuta. Cuando el valor de la condición es verdadero, una cadena no vacía (incluida la cadena "falsa") o un objeto no nulo, se ejecuta la rama del programa correspondiente.

<script>

    si (condición1){

        sentencia1;//Bloque de ejecución de sentencia

       }

        else if (condición2){//else if puede o no usarse según sea necesario, como lo es else.

            declaración2;

        }

        demás {

            declaración3;

    }

</script>

ejemplo:

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

Cambiar declaración de varias sucursales

Una sentencia switch se compone de expresiones de control y etiquetas de casos. El tipo de datos de la expresión de control puede ser cualquier tipo, como una cadena, un número entero y un 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>

estructura de bucle

mientras bucle

También conocido como bucle de prueba previa, se refiere a juzgar si se cumplen las condiciones antes de ejecutar el código del bucle; cuando se cumplen las condiciones, se ejecuta la parte del cuerpo del bucle; de ​​lo contrario, el bucle finaliza.

while(expresión){

declaración;}

hacer mientras bucle

El ciclo do while, también conocido como ciclo posterior a la prueba, es diferente del ciclo while.

El bucle while es para juzgar primero la condición del bucle y luego ejecutar el bucle después de que se cumpla la condición. do while es ejecutar primero el cuerpo del ciclo y luego juzgar que se cumple la condición para ingresar al siguiente ciclo

hacer{

declaración;

}mientras(expresión);

en bucle

El bucle for también es un bucle de prueba previa, que generalmente se usa cuando se conoce el número de bucles.

for(inicialización; expresión; expresión post-bucle){

declaración;}

 para en bucle

Es un bucle especial proporcionado por JavaScript, que puede atravesar cadenas, matrices, colecciones de objetos, propiedades de objetos, etc.

El bucle for in se usa principalmente para recorrer la colección. Dado que algunos navegadores no admiten el recorrido de matriz for in lo suficientemente bien, pueden ocurrir errores desconocidos. Se recomienda no usar el bucle for in para recorrer la matriz.

para (propiedad en objeto){

declaración;

}

declaración de transferencia

Utilice declaraciones de rama para controlar la dirección de la ejecución del programa, incluidas las declaraciones de interrupción, continuación y retorno.

romper declaración

En la estructura del interruptor, cuando se encuentra una declaración de interrupción, saltará fuera de la estructura de la rama del interruptor.

En una estructura de bucle, cuando se encuentra una declaración de interrupción, salga inmediatamente del bucle y ya no ejecute ningún código en el cuerpo del bucle.

 continuar declaración

Cuando se encuentra una continuación durante la ejecución del programa, simplemente salga del bucle actual y luego juzgue si se cumplen las condiciones para continuar con el siguiente bucle.

declaración de devolución

Al ejecutar el cuerpo de la función, la función actual se cerrará cuando se encuentre la declaración de retorno y el código posterior a la declaración de retorno de la función ya no se ejecutará.

<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>

con declaración

En JavaScript, el uso de la declaración with puede simplificar las operaciones de objetos y hacer que el código sea más conciso. Aunque la declaración with puede simplificar el código, su eficiencia de ejecución es relativamente lenta. En general, intente evitar el uso de la instrucción 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 Funciones

Las funciones se pueden dividir en funciones predefinidas y funciones definidas por el usuario.

función predefinida

Hace referencia a las funciones integradas predefinidas en el motor de JavaScript y los usuarios pueden usarlas directamente sin definirlas.

función parselnt()

Convertir una cadena en un entero significa analizar la cadena y devolver un entero a partir de ella.

Cuando hay caracteres que no sean números, símbolos, puntos decimales y símbolos de exponentes en la cadena, la función parselnt() detiene la conversión y devuelve el resultado existente.

Cuando el primer carácter no se puede convertir, la función devolverá "NaN" (es decir, no es un número, no es un número).

parselnt(cadena,[base])

función parsefloat()

Convierte una cadena en un flotante para analizar la cadena y devuelve un flotante.

parseFloat (cadena)

función isNaN()

Prueba si no es un número (nombre completo: no es un número), cuando el parámetro es un número, devuelve falso; de lo contrario, devuelve verdadero. Se utiliza para comprobar si su argumento es un valor no numérico.

esNaN(valor)

función evaluar()

Prueba si es un infinito. Si es así, devuelve falso, de lo contrario, devuelve verdadero. Ejecuta una cadena en JavaScript como código de secuencia de comandos.

evaluar(cadena)

función escape() :

Convertir caracteres a Unicode

función sin escape():

Decodificar caracteres codificados por la función de escape

función alerta()

Se utiliza para mostrar un cuadro de diálogo de solicitud

confirmar() función

Se utiliza para abrir un cuadro de diálogo de confirmación, en el cuadro de diálogo de confirmación, devuelve verdadero cuando se hace clic en "Aceptar" y falso cuando se hace clic en "Cancelar".

función de solicitud ()

Cuadro de entrada para recibir la entrada del usuario

Nota: Las funciones alert(), confirm() y prompt() son en realidad métodos del objeto de ventana, que se utilizan para abrir un cuadro de diálogo para interactuar con el usuario. Cuando se usa, el objeto ventana se puede omitir.

función personalizada

Al personalizar una función, no es necesario declarar ni los tipos de parámetros de la función ni el tipo de retorno de la función.

Los métodos de personalización actualmente admitidos por JavaScript incluyen funciones con nombre, funciones anónimas, funciones de objeto y funciones de autoinvocación.

función nombrada

Una función consta de una definición de función y una llamada de función. Al usar una función, debe definir la función antes de llamarla. function funcName([parameters]){ //los parámetros de parámetros son opcionales, cuando se proporcionan varios parámetros, use comas (,) para separar los parámetros

declaraciones;

[expresión de retorno]; //La declaración de retorno es opcional y se usa para devolver el valor de retorno de la función; cuando el retorno es predeterminado, la función devolverá indefinido

}

Una vez que se define la función, la función no se ejecuta automáticamente, solo se ejecuta cuando se llama a través de un evento o script.

En la misma etiqueta <script></script>, la llamada a la función puede estar antes o después de la definición de la función. Cuando en diferentes etiquetas <script></script>, la definición de la función debe ser anterior a la llamada de la función, de lo contrario, la llamada no es válida.

función anónima

Una función se define en forma de expresión.

función([parámetros]){

declaraciones;

[expresión de retorno];

};

El formato de definición de las funciones anónimas es básicamente el mismo que el de las funciones con nombre, excepto que no se proporciona el nombre de la función y termina con un punto y coma ;) al final de la función.

Dado que no hay un nombre de función, es necesario usar variables para recibir funciones anónimas para facilitar las llamadas de funciones posteriores.

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

función de objeto

La clase Function se proporciona para definir funciones. Función es una palabra clave utilizada para definir una función, y la primera letra debe estar en mayúscula. var funcName=nueva Función([parámetros],sentencias;);

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

función de autoinvocación

La función en sí no se ejecuta automáticamente, solo cuando se la llama.

En JavaScript, se proporciona una función de autoinvocación, que implementa la definición y la invocación de la función juntas. (función([parámetros]){

declaraciones;[retorna expresión];

})([parámetros]);

Función de autoinvocación significa que la definición de la función está entre paréntesis "()", y los paréntesis indican que esta parte es una expresión de función; la expresión de función va seguida de un par de paréntesis "()", lo que indica que la función will se llama automáticamente;

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

Supongo que te gusta

Origin blog.csdn.net/qq_46007633/article/details/123910159
Recomendado
Clasificación