SECRETS JavaScript : devenez un assistant de codage !

JavaScript regorge de petits secrets qui peuvent vous donner l'impression d'être un sorcier ?‍♂️ lorsque vous les utilisez.

Explorons quelques-uns d'entre eux.

1. La magie de l'opérateur « Vide » : pourquoi ce n'est pas seulement pour les fonctions !

Vous avez probablement vu void utilisé dans des contextes comme void(0) ou javascript:void(0), mais saviez-vous qu'il peut faire bien plus que vous ne le pensez ? ?

L'opérateur void en JavaScript évalue une expression mais renvoie toujours undéfini. Il est souvent utilisé pour arrêter les actualisations de pages indésirables (en particulier avec les attributs href dans les liens), mais voici une astuce sympa ? : vous pouvez l'utiliser pour arrêter toute valeur de retour d'une fonction.

Exemple : empêcher une fonction de renvoyer quoi que ce soit :

function surprise() {
  console.log("This function does not return anything.");
  return 42;
}

const result = void surprise();
console.log(result); // undefined

En utilisant void, nous empêchons que la valeur de retour de surprise() soit attribuée au résultat. Ceci est utile lorsque vous souhaitez faire quelque chose pour ses effets secondaires sans vous soucier de la valeur de retour.

2. Le Double Bang (!!): Convertir n'importe quoi en booléen

Bien sûr, Boolean() convertit les valeurs en vrai ou faux, mais le double bang (!!) est le raccourci que de nombreux développeurs ne connaissent pas. Le premier ! annule la valeur, et la seconde ! l'annule à nouveau - le convertissant effectivement en booléen. C'est définitivement une arme secrète ! ?

Voici un exemple amusant :

const name = "Alice";
const hasName = !!name;
console.log(hasName); // true

Vous pouvez utiliser cette astuce pour vérifier rapidement si une variable est "véridique" ou "fausse" (par exemple, la chaîne n'est-elle pas vide ou le nombre n'est-il pas nul ? ).

3. Fonction eval() de JavaScript : à utiliser avec prudence !

Vous avez probablement déjà entendu parler de eval(), et la plupart des gens l'évitent comme la peste car il évalue les chaînes de code au moment de l'exécution, ce qui peut entraîner des problèmes de sécurité ⚠️ s'il est mal utilisé. Mais s'il est utilisé de manière contrôlée et sûre, il peut être un outil puissant pour une exécution dynamique.

Voici un exemple bizarre, mais sympa : évaluer dynamiquement le code à l'intérieur d'une chaîne !

const x = 10;
const y = 20;
const result = eval('x + y');
console.log(result); // 30

Utilisez-le avec prudence ⚖️ — eval() doit être manipulé avec précaution, en particulier lorsqu'il s'agit de saisies utilisateur.

4. Le pouvoir caché du type de symbole : création de clés uniques

Les symboles sont l'une des fonctionnalités les moins utilisées, mais aussi les plus intrigantes de JavaScript. Elles sont uniques et immuables, souvent utilisées pour créer des clés "cachées" pour les propriétés des objets. Lorsque vous devez vous assurer qu’un nom de propriété n’entrera pas accidentellement en collision avec un autre, les symboles sont votre arme secrète. ?

Les symboles peuvent être créés avec Symbol() et sont garantis uniques :

const uniqueKey = Symbol("myUniqueKey");
const obj = {
  [uniqueKey]: "This is a secret value"
};

console.log(obj[uniqueKey]); // "This is a secret value"

Conclusion:

JavaScript regorge d'astuces cachées et de fonctionnalités puissantes qui peuvent grandement améliorer votre travail et améliorer votre efficacité.

Continuez à explorer ces fonctionnalités JavaScript « magiques », et bientôt vous serez un véritable assistant JavaScript ! ✨?

Si vous connaissez d'autres astuces, n'hésitez pas à les partager dans les commentaires ! ?

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!