En este artículo, aprendemos cómo los tipos primitivos/objetos de JavaScript pasan a través de las funciones. Primero, veremos qué son los tipos de datos primitivos y de objetos en JavaScript:
1. Tipo de datos primitivos: los tipos de datos predefinidos que proporciona JavaScript se denominan tipos de datos primitivos . Los tipos de datos primitivos en JavaScript son:
- String: una string es una colección de caracteres que se escriben entre comillas dobles («») o simples («) en JavaScript.
- Número: Hay 2 tipos de números en JavaScript, con decimal o sin decimal.
- Booleano: Solo acepta verdadero y falso.
- Nulo: Representa un valor nulo o vacío.
- Indefinido: Cuando no se asigna el valor de una variable, el valor de esa variable será indefinido.
2. Tipo de datos de objeto: se incluye en el tipo de datos no primitivo. Los tipos de datos derivados de tipos de datos primitivos en JavaScript se denominan tipos de datos no primitivos. Tanto el objeto como la array pertenecen al tipo de datos no primitivos, pero aquí solo veremos el tipo de datos del objeto.
Ejemplo: El siguiente ejemplo muestra todos los tipos de datos anteriores en JavaScript.
Javascript
<script>
// Primitive Datatype
// String
let s = "Hello"
let p = 'Hii';
console.log(s);
console.log(p);
// Number
let q = 10.65;
let r = 20;
console.log(q);
console.log(r);
// Boolean
console.log(10>9);
console.log(9>10);
// Null
let z = null;
console.log(z);
// Undefined
let x;
console.log(x);
// Object Datatype
// Car is a object
let car = {
name: 'TATA',
color : 'red',
}
// Calling the object data and print them
console.log(car.name);
console.log(car.color);
</script>
Producción:
Hello Hii 10.65 20 true false null undefined TATA red
Ahora veamos cómo los tipos de datos primitivos/objetos se pasan a través de funciones en JavaScript. Primero, veremos cómo pasar tipos primitivos en función, luego veremos el objeto.
Pasar tipos primitivos en función: los tipos primitivos siempre se pasan por valor. Estos son inmutables. Esto significa que incluso si cambiamos el valor de la función, el valor original no cambiará. Hay un total de cinco tipos de datos primitivos en JavaScript. Los siguientes ejemplos demostrarán este enfoque.
Ejemplo 1 (String): Estamos pasando los dos valores de string o parámetros a través de la función imprimir.
Javascript
<script>
function print(y, z) {
return y + " " + z;
}
// Here the function print is called and
// the argument is passed and store the
// value in x
let x = print("Hello", "everyone");
console.log(x);
</script>
Producción:
Hello everyone
Ejemplo 2 (Número): Estamos pasando el número (decimal y sin decimal) a través de la función imprimir.
Javascript
<script>
function print(y, z) {
console.log(y);
console.log(z);
console.log(y + z);
}
// Here the function print is called
// and the argument is passed
print(10, 20.5);
</script>
Producción:
10 20.5 30.5
Ejemplo 3 (booleano): estamos pasando el número a través de la función imprimir y devuelve «verdadero» si se cumple la condición; de lo contrario, devuelve «falso».
Javascript
<script>
function print(y, z) {
return y > z;
}
// Call the function print and passing
// arguments and the function return
// true or false
console.log(print(50, 40));
</script>
Producción:
true
Ejemplo 4 (Nulo): estamos pasando la variable nula a través de la función imprimir y se imprime el mismo nulo .
Javascript
<script>
function print(y) {
console.log(y);
}
let x = null;
print(x);
</script>
Producción:
null
Ejemplo 5 (Indefinido): Aquí estamos pasando la variable indefinida a través de la función imprimir.
Javascript
<script>
function print(y) {
console.log(y);
}
// Here value is not assigned
let x;
print(x);
</script>
Producción:
undefined
Pasar tipo de objeto en función: los objetos se pasan por referencia. Si se cambia la propiedad del objeto en la función, el valor original también cambia.
Ejemplo: en el siguiente ejemplo, creamos un objeto portátil, que se ha pasado a la función imprimir.
Javascript
<script>
// Create a laptop object
let laptop = {
name: "Dell",
color: "black",
quantity: 1
};
// Call the function print where
// we pass the laptop object
print(laptop);
// Print the object
function print(obj) {
console.log(obj.name);
console.log(obj.color);
console.log(obj.quantity);
}
</script>
Producción:
Dell black 1