Diferencia entre JavaScript en línea y funciones predefinidas

1. Funciones en línea de JavaScript
2. Funciones predefinidas de JavaScript
3. Declaración de función de JavaScript
4. Expresión de función de JavaScript

Este tutorial analizará las funciones en línea y las funciones predefinidas en JavaScript. También se denominan funciones con nombre, por lo que intentaremos comprender la expresión de función y la instrucción de función.

Funciones en línea de JavaScript

Una función anónima encerrada en una variable es una función en línea en JavaScript; se invoca constantemente utilizando la URL de la función anónima. Las funciones anónimas no son esenciales y se forman en tiempo de ejecución.

El hecho de que tanto las funciones anónimas como las integradas se creen en tiempo de ejecución las hace casi equivalentes. Por otro lado, una parte en línea se asigna a una variable y, por lo tanto, puede reutilizarse.

En este sentido, las funciones en línea funcionan como funciones normales.

Código de ejemplo:

 <script type="text/javascript">
        var samelineFunc = function () {
            alert("inline function");
        };
        $('#inline_func_c').click(samelineFunc);
    </script>

Ejecutar código

Producción:

Para la función en línea, se generó una variable que se puede utilizar en cualquier lugar y en cualquier momento.

Funciones predefinidas de JavaScript

Una colección de funciones predefinidas en JavaScript lleva a cabo tareas específicas cuando se invoca. Algunos de ellos son los siguientes:

Código de ejemplo:

var k = 50;
var b = 30;
var c = eval('k + b');
document.write('The result of eval is: ' + c + '<br>');

Ejecutar código

Producción :

The result of eval is: 80

Declaración de función de JavaScript

La declaración de función declara una función. Cuando un proceso definido se invoca más tarde, se conserva para su uso posterior y se ejecutará.

Las declaraciones de funciones deben comenzar con function, al igual que las declaraciones de variables deben comenzar con var.

Código de ejemplo:

function add() {
  return a;
}

La función solo había sido declarada aquí. Tiene que ser llamado usando el nombre de la función que se va a usar. por ejemplo, añadir();

Veamos el ejemplo de usar expresión de función:

function add(b, c) {
  return b + c;
}
console.log(add(4, 5));

Ejecutar código

Producción :

9

Expresión de función de JavaScript

Una expresión de función y una declaración de función son similares, pero una expresión de función se puede colocar en una variable. La función se llama tan pronto como se define con una expresión.

También se puede usar una expresión para describir una función de JavaScript. Es posible mantener una expresión de función en una variable.

Código de ejemplo:

var add = function(b, c) {
  return b + c;
};

Una variable se puede utilizar como una función después de que se le haya puesto una expresión de función. Los nombres de funciones no son necesarios para las funciones almacenadas en variables.

Son llamados (invocados) constantemente usando el nombre de la variable.

Código de ejemplo:

var add = function(b, c) {
  return b + c;
};

console.log(add(5, 4));

Ejecutar código

Producción :

9

Las expresiones de funciones se cargan una vez que el intérprete llega a esa línea de código, mientras que las declaraciones de funciones se cargan antes de ejecutar cualquier código.

Las declaraciones de funciones se elevan a la parte superior de otras líneas de código, al igual que la declaración var. Las expresiones de función pueden conservar una copia de las variables locales del ámbito en el que se declararon porque no se elevan.

Las expresiones de funciones se pueden usar como cierres, parámetros para otras funciones, expresiones de funciones invocadas inmediatamente y diferentes formas de hacerlas más útiles que las declaraciones de funciones (IIFE).