JavaScript en inute

Introduction

JavaScript est un langage de programmation polyvalent de haut niveau couramment utilisé dans le développement Web pour créer des expériences utilisateur dynamiques et interactives. Il peut être utilisé pour le développement front-end et back-end, ce qui en fait un outil essentiel pour les développeurs Web modernes.

Configuration

1. Console du navigateur : Ouvrez votre navigateur Web et accédez à la console (généralement trouvée dans les outils de développement).
2. Éditeur de texte : Utilisez n'importe quel éditeur de texte comme VSCode, Sublime Text ou même Notepad.

Les bases

Variables

Les variables sont utilisées pour stocker des données. Vous pouvez déclarer des variables en utilisant let, const ou var.

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

Types de données

JavaScript prend en charge différents types de données, notamment :

• Chaîne : "Bonjour"
• Numéro :42
• Booléen : vrai ou faux
• Tableau : [1, 2, 3]
• Objet : { clé : "valeur" }
• Non défini : non défini
• Nul : nul

Fonctions

Les fonctions sont des blocs de code conçus pour effectuer une tâche particulière.

function greet() {
  console.log("Hello, World!");
}

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

Structures de contrôle

Déclarations conditionnelles

Utilisé pour effectuer différentes actions en fonction de différentes conditions.

let time = 20;
if (time < 12) {
  console.log("Good morning");
} else if (time < 18) {
  console.log("Good afternoon");
} else {
  console.log("Good evening");
}

Boucles

Utilisé pour répéter un bloc de code plusieurs fois.

for (let i = 0; i < 5; i++) {
  console.log(i); // Output: 0 1 2 3 4
}

Événements

JavaScript peut répondre à des événements, comme des clics ou une saisie au clavier.

<button onclick="sayHello()">Click me</button>
<script>
  function sayHello() {
    alert("Hello!");
  }
</script>

Manipulation du DOM

JavaScript peut interagir avec les éléments HTML pour modifier le contenu, le style et les attributs.

<p id="demo">This is a paragraph.</p>
<button onclick="changeText()">Change Text</button>
<script>
  function changeText() {
    document.getElementById("demo").innerHTML = "Text changed!";
  }
</script>

Tableaux et objets

Les tableaux et les objets sont utilisés pour stocker des collections de données.

Tableaux

let fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits[0]); // Output: Apple

Objets

let person = {
  firstName: "John",
  lastName: "Doe",
  age: 30
};
console.log(person.firstName); // Output: John

Fonctionnalités ES6

JavaScript moderne (ES6 et versions ultérieures) introduit plusieurs nouvelles fonctionnalités :

Fonctions des flèches

const add = (a, b) => a + b;
console.log(add(2, 3)); // Output: 5

Littéraux de modèle

let name = "John";
console.log(`Hello, ${name}!`); // Output: Hello, John!

Déstructuration

let person = { firstName: "John", lastName: "Doe" };
let { firstName, lastName } = person;
console.log(firstName); // Output: John

Conclusion

Ceci n'est qu'une brève introduction à JavaScript. Il y a beaucoup plus à explorer, y compris des sujets avancés comme la programmation asynchrone et les API ......

Je suis ravi de partager davantage d’articles de blog comme celui-ci. suivez simplement et donnez des réactions

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!