javascript - if détermine s'il faut utiliser l'instruction else ou revenir pour exécuter une autre condition

Question

// 第一种
if (test) {
    console.log('Yes~');
} else {
    console.log('No~');
}

// 第二种
if (test) {
    console.log('Yes~');
    
    return;
}

console.log('No~');

Lequel est le meilleur ? Le second semble plus clair, avec moins d'indentation, mais un caractère de plus que le premier. En termes de performances, lequel est le meilleur ? ~

Answer 1

Le premier est très moche et verbeux. .
Deuxièmement, d'une manière générale, le jugement doit être fait le plus tôt possible dans la fonction afin que return puisse être utilisé pour quitter la fonction
, donc la deuxième méthode est généralement meilleure.
Vous pouvez le modifier comme suit :

if (test) return console.log('Yes~')
console.log('No~')

if (test) console.log('Yes~')
else console.log('No~')

test?(console.log('Yes~')):(console.log('No~'))

Bien sûr, il faut le mettre en balance avec la lisibilité et l'élégance simple, c'est plus une question de style personnel.

Answer 2

Et si c'est à l'intérieur d'une fonction ?

Answer 3

Ce n'est pas un problème de performances. Lorsque vous avez de nombreuses conditions de jugement, l'avantage du deuxième type est très évident, à moins que vous ne soyez prêt à en écrire beaucoup d'autres
判断语句应尽早结束 Dans les situations réelles, il s'agit généralement de plusieurs conditions non qualifiées + une condition qualifiée.

if(满足不合格条件1) {
    return;
}
if(满足不合格条件2) {
    return;
}
//...
//满足合格条件

Answer 4

Le deuxième type, le deuxième type, le deuxième type, bonne lisibilité
S'il est jugé qu'il ne répond pas aux exigences, retournez immédiatement

Answer 5

Personnellement, j'aime le second. Une fois la logique terminée, il revient directement et est clair et organisé.
Le premier est aussi simple que compliqué, vous devez lire beaucoup de code pour trouver le résultat. résultat

Answer 6

La deuxième méthode, dans une certaine mesure, le processus est plus clair (vous indiquant ce qui peut être fait et ce qui ne peut pas être fait).
Mais c'est mieux quand on n'a pas besoin de si... d'autre. Par exemple :

var ofn = {
    yes : function(){ console.log('yes'); },
    no : function(){ console.log('no'); },
};

var key = test ? "yes" : "no";

ofn[key]();