function greet() {  console.log(\\\"Hello, World!\\\");}greet(); // Output: Hello, World!
Manipulación DOM

JavaScript puede interactuar con elementos HTML para cambiar el contenido, el estilo y los atributos.


Este es un párrafo.

función cambiarTexto() { document.getElementById(\\\"demo\\\").innerHTML = \\\"¡Texto cambiado!\\\"; }
function greet() {  console.log(\\\"Hello, World!\\\");}greet(); // Output: Hello, World!
Matrices y objetos

Las matrices y objetos se utilizan para almacenar colecciones de datos.

matrices

let frutas = [\\\"Manzana\\\", \\\"Plátano\\\", \\\"Cereza\\\"];console.log(frutas[0]); // Salida: manzana
function greet() {  console.log(\\\"Hello, World!\\\");}greet(); // Output: Hello, World!
Objetos

dejar persona = { nombre: \\\"Juan\\\", apellido: \\\"Doe\\\", edad: 30};console.log(persona.primerNombre); // Salida: Juan
function greet() {  console.log(\\\"Hello, World!\\\");}greet(); // Output: Hello, World!
Características de ES6

JavaScript moderno (ES6 y posterior) introduce varias características nuevas:

Funciones de flecha

const agregar = (a, b) => a b;console.log(agregar(2, 3)); // Salida: 5
function greet() {  console.log(\\\"Hello, World!\\\");}greet(); // Output: Hello, World!
Literales de plantilla

let nombre = \\\"Juan\\\";console.log(`¡Hola, ${nombre}!`); // Salida: ¡Hola, John!
function greet() {  console.log(\\\"Hello, World!\\\");}greet(); // Output: Hello, World!
Desestructurando

let person = {nombre: \\\"John\\\", apellido: \\\"Doe\\\" };let {nombre, apellido} = persona;console.log(primerNombre); // Salida: Juan
function greet() {  console.log(\\\"Hello, World!\\\");}greet(); // Output: Hello, World!
Conclusión

Esta es solo una breve introducción a JavaScript. Hay mucho más para explorar, incluidos temas avanzados como programación asincrónica y API...

Estoy emocionado de compartir más publicaciones de blog como esta. solo sigue y da reacciones

","image":"http://www.luping.net/uploads/20240805/172285704466b0b654e2491.jpg","datePublished":"2024-08-05T19:24:04+08:00","dateModified":"2024-08-05T19:24:04+08:00","author":{"@type":"Person","name":"luping.net","url":"https://www.luping.net/articlelist/0_1.html"}}
"Si un trabajador quiere hacer bien su trabajo, primero debe afilar sus herramientas." - Confucio, "Las Analectas de Confucio. Lu Linggong"

JavaScript en minuto

Publicado el 2024-08-05
Navegar:972

JavaScript in inute

Introducción

JavaScript es un lenguaje de programación versátil y de alto nivel que se usa comúnmente en el desarrollo web para crear experiencias de usuario dinámicas e interactivas. Se puede utilizar para el desarrollo front-end y back-end, lo que la convierte en una herramienta esencial para los desarrolladores web modernos.

Configuración

  1. Consola del navegador: Abra su navegador web y acceda a la consola (normalmente se encuentra en Herramientas para desarrolladores).
  2. Editor de texto: Utilice cualquier editor de texto como VSCode, Sublime Text o incluso el Bloc de notas.

Lo esencial

variables

Las variables se utilizan para almacenar datos. Puede declarar variables usando let, const o var.

let name = "John";
const age = 30;
var isStudent = true;

Tipos de datos

JavaScript admite varios tipos de datos, incluidos:

  • Cadena: "Hola"
  • Número: 42
  • Booleano: verdadero o falso
  • Matriz: [1, 2, 3]
  • Objeto: { clave: "valor" }
  • Indefinido indefinido
  • Nulo: nulo
Funciones

Las funciones son bloques de código diseñados para realizar una tarea particular.


función saludar() { console.log("¡Hola mundo!"); } saludar(); // Salida: ¡Hola mundo!
function greet() {
  console.log("Hello, World!");
}

greet(); // Output: Hello, World!
Estructuras de Control

Declaraciones condicionales

Se utiliza para realizar diferentes acciones según diferentes condiciones.


dejar tiempo = 20; si (tiempo function greet() { console.log("Hello, World!"); } greet(); // Output: Hello, World! Bucles

Se utiliza para repetir un bloque de código varias veces.


for (sea i = 0; i function greet() { console.log("Hello, World!"); } greet(); // Output: Hello, World! Eventos

JavaScript puede responder a eventos, como clics o entradas de teclado.


función decirHola() { alerta("¡Hola!"); }
function greet() {
  console.log("Hello, World!");
}

greet(); // Output: Hello, World!
Manipulación DOM

JavaScript puede interactuar con elementos HTML para cambiar el contenido, el estilo y los atributos.


Este es un párrafo.

función cambiarTexto() { document.getElementById("demo").innerHTML = "¡Texto cambiado!"; }
function greet() {
  console.log("Hello, World!");
}

greet(); // Output: Hello, World!
Matrices y objetos

Las matrices y objetos se utilizan para almacenar colecciones de datos.

matrices

let frutas = ["Manzana", "Plátano", "Cereza"]; console.log(frutas[0]); // Salida: manzana
function greet() {
  console.log("Hello, World!");
}

greet(); // Output: Hello, World!
Objetos

dejar persona = { nombre: "Juan", apellido: "Doe", edad: 30 }; console.log(persona.primerNombre); // Salida: Juan
function greet() {
  console.log("Hello, World!");
}

greet(); // Output: Hello, World!
Características de ES6

JavaScript moderno (ES6 y posterior) introduce varias características nuevas:

Funciones de flecha

const agregar = (a, b) => a b; console.log(agregar(2, 3)); // Salida: 5
function greet() {
  console.log("Hello, World!");
}

greet(); // Output: Hello, World!
Literales de plantilla

let nombre = "Juan"; console.log(`¡Hola, ${nombre}!`); // Salida: ¡Hola, John!
function greet() {
  console.log("Hello, World!");
}

greet(); // Output: Hello, World!
Desestructurando

let person = {nombre: "John", apellido: "Doe" }; let {nombre, apellido} = persona; console.log(primerNombre); // Salida: Juan
function greet() {
  console.log("Hello, World!");
}

greet(); // Output: Hello, World!
Conclusión

Esta es solo una breve introducción a JavaScript. Hay mucho más para explorar, incluidos temas avanzados como programación asincrónica y API...

Estoy emocionado de compartir más publicaciones de blog como esta. solo sigue y da reacciones

Declaración de liberación Este artículo se reproduce en: https://dev.to/lokesh_singh/javascript-in-5-minuto-3m0i?1 Si hay alguna infracción, comuníquese con [email protected] para eliminarla.
Último tutorial Más>

Descargo de responsabilidad: Todos los recursos proporcionados provienen en parte de Internet. Si existe alguna infracción de sus derechos de autor u otros derechos e intereses, explique los motivos detallados y proporcione pruebas de los derechos de autor o derechos e intereses y luego envíelos al correo electrónico: [email protected]. Lo manejaremos por usted lo antes posible.

Copyright© 2022 湘ICP备2022001581号-3