Quel est le type du mot-clé "retour"?

Nous utilisons des instructions de retour en option dans les fonctions JavaScript. C'est un mot-clé. Mais quel est le type réel de returnlui - même. En fait, je suis devenu confus en voyant l'exemple:

function add(a, b) {
  return (
    console.log(a + b),
    console.log(arguments)
  );
}

add(2, 2);

Production:

4
[2, 2]

Ainsi, nous pouvons passer des expressions séparées par des virgules dans l' returninstruction. Est-ce une fonction?

Et en commençant par cela, pouvons-nous supposer que chaque mot-clé en JavaScript est finalement une fonction?

J'ai écrit un petit blog pour l'essentiel de cette discussion. Vous voudrez peut-être le vérifier ici .

Mais quel est le type réel de «retour» lui-même.

Il n'a pas de type, ce n'est pas une valeur.

Tenter typeof return;vous donnera Unexpected token return.

Ainsi, nous pouvons passer des expressions séparées par des virgules dans l'instruction return. Est-ce une fonction?

Non, alors que les parenthèses peuvent être utilisées pour appeler une fonction, il s'agit ici d'un opérateur de regroupement contenant quelques expressions séparées par une virgule .

Une démonstration plus utile serait:

function add(a, b) {
  return (
    (a + b),
    (a - b)
  );
}

console.log(add(2, 2));

Quelles sorties 0parce que le résultat de a + best ignoré (il est sur la LHS de l'opérateur virgule) et a - best retourné.

Je suis un peu choqué que personne ici n'ait directement référencé la spécification :

12.9 La syntaxe de l'instruction return ReturnStatement: return; return [aucun LineTerminator ici] Expression;

Sémantique

Un programme ECMAScript est considéré comme syntaxiquement incorrect s'il contient une instruction return qui ne se trouve pas dans un FunctionBody. Une instruction return provoque l'arrêt de l'exécution d'une fonction et renvoie une valeur à l'appelant. Si Expression est omis, la valeur de retour n'est pas définie. Sinon, la valeur de retour est la valeur de Expression.

Un ReturnStatement est évalué comme suit:

Si l'expression n'est pas présente, retournez (return, undefined, empty). Soit exprRefle résultat de l'évaluation d'Expression. Retour (return, GetValue(exprRef), empty).

Donc, à cause de la spécification, votre exemple se lit comme suit:

return ( GetValue(exprRef) )

où exprRef = console.log(a + b), console.log(arguments)

Qui selon la spécification sur l'opérateur virgule ...

Sémantique

L'expression de production: Expression, AssignmentExpression est évaluée comme suit:

Let lref be the result of evaluating Expression.
Call GetValue(lref).
Let rref be the result of evaluating AssignmentExpression.
Return GetValue(rref).

... signifie que chaque expression sera évaluée jusqu'au dernier élément de la liste de virgules, qui devient l'expression d'affectation. Donc ton codereturn (console.log(a + b) , console.log(arguments)) va

1.) imprimer le résultat de a + b

2.) Il ne reste plus rien à exécuter, alors exécutez l'expression suivante qui

3.) imprime le arguments, et parce queconsole.log() ne spécifie pas une instruction de retour

4.) Évalue à undefined

5.) Qui est ensuite renvoyé à l'appelant.

Donc la bonne réponse est, return n'a pas de type, elle ne renvoie que le résultat d'une expression.

Pour la question suivante:

Ainsi, nous pouvons passer des expressions séparées par des virgules dans l'instruction return. Est-ce une fonction?

Non. La virgule en JavaScript est un opérateur, défini pour vous permettre de combiner plusieurs expressions en une seule ligne, et est défini par la spécification pour renvoyer l'expression évaluée de ce qui est en dernier dans votre liste.

Vous ne me croyez toujours pas?

<script>
alert(foo());
function foo(){
    var foo = undefined + undefined;
    console.log(foo);
    return undefined, console.log(1), 4;
}
</script>

Jouez avec ce code ici et dérangez la dernière valeur de la liste. Il renverra toujours la dernière valeur de la liste, dans votre cas, il se trouve que c'estundefined.

Pour votre dernière question,

Et en commençant par cela, pouvons-nous supposer que chaque mot-clé en JavaScript est finalement une fonction?

Encore une fois, non. Les fonctions ont une définition très spécifique dans la langue. Je ne la réimprimerai pas ici car cette réponse devient déjà extrêmement longue.

Test de ce qui se passe lorsque vous renvoyez des valeurs entre parenthèses:

function foo() {
    return (1, 2);
}

console.log(foo());

Donne la réponse 2, de sorte qu'il semble qu'une liste de valeurs séparées par des virgules s'évalue jusqu'au dernier élément de la liste.

Vraiment, les parenthèses ne sont pas pertinentes ici, elles regroupent des opérations au lieu de signifier un appel de fonction. Ce qui est peut-être surprenant, cependant, c'est que la virgule est légale ici. J'ai trouvé un article de blog intéressant sur la façon dont la virgule est traitée ici:

https://javascriptweblog.wordpress.com/2011/04/04/the-javascript-comma-operator/

returnn'est pas une fonction. C'est la continuation de la fonction dans laquelle il se produit.

Pensez à l'instruction alert (2 * foo(bar));où fooest le nom d'une fonction. Lorsque vous l'évaluez, vous voyez que vous devez mettre de côté le reste de l'énoncé pendant un moment pour vous concentrer sur l'évaluation foo(bar). Vous pouvez visualiser la partie que vous avez mise de côté comme quelque chose comme alert (2 * _), avec un espace à remplir. Lorsque vous savez quelle est la valeur defoo(bar) , vous la reprenez.

La chose que vous avez mise de côté était la poursuite de l'appel foo(bar).

L'appel donne returnune valeur à cette continuation.

Lorsque vous évaluez une fonction à l' intérieur foo, le reste fooattend que cette fonction se réduise à une valeur, puis fooreprend. Vous avez encore un objectif à évaluer foo(bar), il est juste mis en pause.

Lorsque vous évaluez à l' returnintérieur foo, aucune partie de foon'attend une valeur. returnne se réduit pas à une valeur à l'endroit à l'intérieur foooù vous l'avez utilisé. Au lieu de cela, cela entraîne la réduction de l' appel entier foo(bar)à une valeur et l'objectif "évaluerfoo(bar) " est considéré comme complet et époustouflé.

Les gens ne vous parlent généralement pas des suites lorsque vous êtes nouveau dans la programmation. Ils le considèrent comme un sujet avancé, simplement parce qu'il y a des choses très avancées que les gens finissent par faire avec des suites. Mais la vérité est que vous les utilisez tout le temps, chaque fois que vous appelez une fonction.

le returnvoici un hareng rouge. La variante suivante est peut-être intéressante:

function add(a, b) {
  return (
    console.log(a + b),
    console.log(arguments)
  );
}

console.log(add(2, 2));

qui sort comme dernière ligne

undefined

car la fonction ne renvoie réellement rien. (Il renverrait la valeur de retour du secondconsole.log , s'il en avait une).

Tel quel, le code est exactement identique à

function add(a, b) {
    console.log(a + b);
    console.log(arguments);
}

console.log(add(2, 2));

Un moyen intéressant de comprendre l' instruction return est d' utiliser l' opérateur void Jetez un œil à ce code

var console = {
    log: function(s) {
      document.getElementById("console").innerHTML += s + "<br/>"
    }
}

function funReturnUndefined(x,y) {
   return ( void(x+y) );
}

function funReturnResult(x,y) {
   return ( (x+y) );
}

console.log( funReturnUndefined(2,3) );
console.log( funReturnResult(2,3) );

<div id="console" />

Puisque l' returninstruction prend un argument qui est [[expression]]et le retourne à l'appelant sur la pile, c'est- arguments.callee.callerà- dire qu'il s'exécutera void(expression)puis retournera, undefinedc'est l'évaluation de l'opérateur void.