Conceptos básicos de JavaScript simples y complicados para principiantes

Según Wikipedia, JavaScript es un lenguaje de programación interpretado de alto nivel. Está ganando popularidad día a día solo porque se trata de dos comportamientos, como el lado del cliente y el lado del servidor. Aprendamos algunos conceptos básicos de JavaScript fáciles y complicados para principiantes.

¿Cuáles son los diferentes tipos de datos en Javascript?

De acuerdo con la especificación ECMAScript 5, hay 6 tipos de datos diferentes en Javascript.

Booleano //verdadero/falso/ Número //1,1.0 Cadena // 'a', "a" Nulo // nulo Indefinido // indefinido (5 tipos primitivos y 1 tipo no primitivo)

objeto // nuevos objetos()

¿Cómo reconocer el tipo de datos de una variable en javascript?

Por ejemplo, puede usar la palabra clave "typeof" para determinar el tipo de una variable:

tipo de (1); // Número typeof('a'); // cadena typeof('verdadero'); //tipo booleano de (indefinido); //no definida

tipo de (nulo); //

La salida de nulo es un "objeto", pero podría pensar que debería ser "nulo" pero "objeto" porque "nulo" es un tipo que tiene su propio valor "objeto".

Practiquemos un poco para entender las cosas claramente y ejecutemos los siguientes códigos:

Salida: verdadero

Voltealo:

Salida: verdadero

El valor es el mismo para indefinido y nulo con diferente tipo de datos. De lo contrario, se puede decir que JavaScript informa incorrectamente el tipo nulo como un objeto.

Prueba ===

Salida: incorrecta

undefined y null no son los mismos tipos de datos, por lo que === devuelve falso, === se usa en javascript para comparaciones estrictas de valor y tipo de datos.

El operador === verifica el valor y los tipos de datos y solo devuelve verdadero si ambos son iguales.

El operador == solo verifica el valor e ignora los tipos de datos.

Puede usar esta URL para explorar todo el comportamiento. Realmente me encanta - https://dorey.github.io/JavaScript-Equality-Table/

Veamos otro ejemplo de typeof en JavaScript.

Salida: objeto

Las variables en javascript no tienen su propio tipo, dependen completamente del valor asignado.

Explique este punto con algunos ejemplos más y ejecute las siguientes líneas de código en su Chrome Developer Console.

Primero obtiene "número", luego "cadena", lo que significa que puede cambiar dinámicamente el tipo de variable en JavaScript en tiempo de ejecución.

Dado que JavaScript también tiene cierta magia sobre los valores, ahora nos ocuparemos de "NaN".

Lo encuentro un poco tonto, todos ya sabemos que "NaN" significa "no es un número". ¿Qué hay de nuevo?

No se preocupe hasta algunos ejemplos. Debajo de la línea en la consola, escriba:

Salida = NaN

Repito de nuevo: "NaN" no es un número, ¿verdad?

Realizar:

Salida: número

Entonces, es sorprendente solo porque "NaN" define un número que no es exactamente un número. Todo será simple, ahora pasemos al siguiente nivel con algunos operadores de comparación.

Salida: incorrecta

Salida: incorrecta

Salida: incorrecta

¿Extraño? Cualquier valor similar devuelve "verdadero" en javascript. Entonces, ¿por qué "NaN" se compara con "incorrecto"?

Para aclarar esto, necesitamos hacer un poco más con isNaN, como:

Salida: verdadero

Pasemos una cadena en lugar de "NaN":

Salida: incorrecta

No te confundas, prueba con el siguiente:

Salida: verdadero

Entonces, NaN no es realmente útil, ya que puede devolver verdadero o falso. Así que asegúrese de usarlo antes de usarlo. NaN es el único valor de javascript que se trata de manera diferente a sí mismo solo en javascript.

Difícilmente tengo más ejemplos para explicar:

Salida: indefinido

Ahora que hemos asignado "NaN" a una variable llamada "CT", podemos verificar esta variable por nosotros mismos con una comparación:

Salida: incorrecta

Obviamente, "NaN" tiene propiedades extrañas. NaN es igual a TODO siempre es falso, incluso cuando se compara consigo mismo.

Ahora debemos pasar a otro tema fundamental e importante. Discutiremos y aprenderemos algunos hechos locos sobre JavaScript:

usar estricto: JavaScript se evalúa en modo estricto cuando coloca "usar script" al comienzo de los scripts. Simplemente "usar estrictamente" En modo estricto, no podemos usar variables que no se declaran primero con var.

Ejemplo:

Salida: No registrada. ReferenceError: trucos no está definido

Ahora ejecute el código anterior nuevamente sin "usar estrictamente".

Edición: 3ra

Puede evitar su código o devolver errores al intentar realizar acciones "inseguras" (por ejemplo, obtener acceso a un objeto global).

¿Por qué "usar estrictamente" se expresa como una cadena en javascript?

Usar "use strict" como una cadena no agrega sintaxis a JavaScript, sí, y por lo tanto es compatible con versiones anteriores. Los navegadores antiguos lo ignoran si falla al compilar debido a la cadena, y los navegadores más recientes que admiten EcmaScript 5+ cambian al modo estricto.

Ahora examinaremos el "alcance de una variable":

En JavaScript, hay dos ámbitos para una variable

Vamos a aclarar todo con algunos ejemplos, por favor, preste atención.

Comience con el primer ejemplo de la siguiente manera:

Edición: 1ª

Ahora, con ligeras modificaciones, mira el segundo ejemplo:

Edición: 1ª

Así es como se ve afectada la salida según el "alcance" de una variable. El hecho de que esté pasando una copia de a = 2, no la variable real, no afecta la variable real, solo porque primero a (a = 1) tiene alcance global y segundo a (a = 2) tiene alcance local dentro una función tiene foo.

Ejemplo:

Vamos a crear un objeto de "a" como:

Salida: {moo: falso}

Ahora ve que no puede cambiar el valor, pero puede cambiar la propiedad, por ejemplo "a", como un objeto. ¿Confuso? Hagamos otro ejemplo:

Salida: {moo: "también"}

Obtenemos el valor de "a" que es {moo: "too"} del alcance externo. Tampoco puedes cambiar de qué se trata. Solo puedes cambiar las propiedades que tiene, como en el siguiente ejemplo:

Salida: {moo: "demasiado", también: "moo"}

Solo estaba tratando de explicar algunos comportamientos de JavaScript pequeños y complicados, especialmente para principiantes o alguien que solo quiere revisar sus conceptos. Consulte el siguiente artículo para obtener tutoriales más interesantes. Hasta ahora, gracias por leer.

No dude en compartir sus comentarios con nosotros.

Publicar un comentario

Artículo Anterior Artículo Siguiente