Maison interface Web js tutoriel Partage de conseils sur les expressions && et || dans les conseils javascript_javascript

Partage de conseils sur les expressions && et || dans les conseils javascript_javascript

May 16, 2016 pm 04:05 PM

Si vous êtes débutant, et après avoir lu l'explication détaillée de toutes ces techniques et le fonctionnement de chaque technique, puis les avoir appliquées, vous écrirez des programmes JavaScript plus concis et efficaces.

En effet, les maîtres JavaScript ont utilisé ces techniques pour écrire de nombreux programmes JavaScript puissants et efficaces.

Expressions && et || puissantes
Vous les avez peut-être vus dans les bibliothèques JavaScript et les frameworks JavaScript, alors commençons par quelques exemples de base :

Exemple 1. || (ou)
Définir la valeur par défaut, utilisez généralement

Copier le code Le code est le suivant :

fonction documentTitre(leTitre) {
si (!leTitre) {
theTitle = "Document sans titre";
>
}

Remplacez ceci par :

Copier le code Le code est le suivant :

fonction documentTitre(leTitre) {
leTitre = leTitre || "Document sans titre";
>

Analyse :

Tout d'abord, lisez l'encadré "Conseils" suivant pour voir comment JavaScript détermine les valeurs booléennes
L'opérateur || juge d'abord la vérité ou la fausseté de l'expression de gauche. S'il est vrai, il renvoie immédiatement la valeur renvoyée par l'expression de gauche. Si l'expression de gauche est jugée fausse, il continue à juger. l'expression de droite et renvoie l'expression de droite La valeur de
. Si theTitle est évalué comme étant faux, la valeur de l'expression de droite sera renvoyée. En d'autres termes, si la variable Title est évaluée comme étant vraie, la valeur de theTitle sera renvoyée.
Astuce :
Valeurs jugées fausses par JavaScript : null, false, 0, undefined, NaN et "" (chaîne vide).
N'oubliez pas que les valeurs NaN comme Infinity sont évaluées comme vraies et non fausses. Cependant, NaN est évalué comme faux.
. À l'exception de ce qui précède, toutes les autres valeurs​​sont jugées vraies.

Exemple 2. && (et)

Ne fais pas ça :

function isAdult(age) {
 if (age && age > 17) {
  return true;
 } else {
  return false;
 }
}
Copier après la connexion

Remplacez ceci par :

Copier le code Le code est le suivant :

function isAdult(age) {
âge de retour && âge > 17 ;
>

Analyse :

L'opérateur&& évalue les expressions de gauche. Si l'expression de gauche est évaluée comme fausse, elle renvoie immédiatement fausse, que l'expression de droite soit vraie ou non.
Si l'expression de gauche est vraie, continuez à évaluer l'expression de droite, puis renvoyez le résultat de l'expression de droite
Ça devient amusant

Exemple 3.

Ne fais pas ça :

if (userName) {
 logIn(userName);
} else {
 signUp();
}
Copier après la connexion

Remplacez ceci par :

Copier le code Le code est le suivant :

nom d'utilisateur && login(nom d'utilisateur) || signUp();

Analyse :

Si userName est vrai, appelez la fonction logIn et transmettez la variable userName
Si userName est faux, appelez la fonction logIn sans transmettre aucune variable

Exemple 4.
Ne fais pas ça :

var userID;

if (userName && userName.loggedIn) {
 userID = userName.id;
} else {
 userID = null;
}

Copier après la connexion

Remplacez ceci par :

Copier le code Le code est le suivant :

var userID = userName && userName.loggedIn && userName.id;

Analyse :

Si userName est vrai, appelez user.loggedIn et vérifiez si user.loggedIn est vrai ; s'il renvoie vrai, renvoyez la valeur de retour de la troisième expression
Si userName est vide, renvoie null

Ce qui précède est la première astuce JavaScript partagée avec vous dans cet article. J'espère qu'elle vous plaira.

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Remplacer les caractères de chaîne en javascript Remplacer les caractères de chaîne en javascript Mar 11, 2025 am 12:07 AM

Remplacer les caractères de chaîne en javascript

Tutoriel de configuration de l'API de recherche Google personnalisé Tutoriel de configuration de l'API de recherche Google personnalisé Mar 04, 2025 am 01:06 AM

Tutoriel de configuration de l'API de recherche Google personnalisé

Exemple Couleurs Fichier JSON Exemple Couleurs Fichier JSON Mar 03, 2025 am 12:35 AM

Exemple Couleurs Fichier JSON

8 Superbes plugins de mise en page JQuery Page 8 Superbes plugins de mise en page JQuery Page Mar 06, 2025 am 12:48 AM

8 Superbes plugins de mise en page JQuery Page

Créez vos propres applications Web Ajax Créez vos propres applications Web Ajax Mar 09, 2025 am 12:11 AM

Créez vos propres applications Web Ajax

Qu'est-ce que & # x27; ceci & # x27; en javascript? Qu'est-ce que & # x27; ceci & # x27; en javascript? Mar 04, 2025 am 01:15 AM

Qu'est-ce que & # x27; ceci & # x27; en javascript?

Améliorez vos connaissances jQuery avec le spectateur source Améliorez vos connaissances jQuery avec le spectateur source Mar 05, 2025 am 12:54 AM

Améliorez vos connaissances jQuery avec le spectateur source

10 feuilles de triche mobiles pour le développement mobile 10 feuilles de triche mobiles pour le développement mobile Mar 05, 2025 am 12:43 AM

10 feuilles de triche mobiles pour le développement mobile

See all articles