Maison > interface Web > js tutoriel > le corps du texte

Quelle est la valeur de retour de la fonction flèche en js

下次还敢
Libérer: 2024-05-06 13:51:14
original
1044 Les gens l'ont consulté

Les règles de valeur de retour des fonctions fléchées : si le corps de la fonction est une expression, la valeur de l'expression est renvoyée. Si le corps de la fonction est un bloc, la dernière valeur d'expression du bloc est renvoyée. Si le corps de la fonction est vide, undefined est renvoyé.

Quelle est la valeur de retour de la fonction flèche en js

Valeur de retour de la fonction flèche JavaScript

La fonction flèche est une sorte de sucre syntaxique qui simplifie les expressions de fonction. Elle a été introduite dans ES6. Contrairement aux fonctions traditionnelles, les fonctions fléchées n'ont pas leur propre liaison this et peuvent renvoyer automatiquement en fonction d'une expression. this 绑定,并且可以根据表达式自动返回。

返回值规则

箭头函数的返回值由以下规则决定:

  • 如果函数体包含一个表达式,则该表达式就是返回值。
  • 如果函数体包含一个块,则块中最后一个表达式的值就是返回值。
  • 如果函数体不包含任何表达式或块,则它默认返回 undefined

示例

<code class="javascript">// 返回表达式
const add = (a, b) => a + b;

// 返回块中最后一个表达式的值
const subtract = (a, b) => {
  const diff = a - b;
  return diff;
};

// 返回 undefined
const noReturn = () => {};</code>
Copier après la connexion

应用场景

箭头函数通常用于以下场景:

  • 作为回调函数,因为它们更简洁并且没有 this 绑定问题。
  • 作为构造函数,因为它们可以轻松地将新属性附加到实例上。
  • 作为过滤器,因为它们可以更简练地编写复杂的过滤条件。

注意:

虽然箭头函数很方便,但在以下情况下可能不适合使用:

  • 需要使用 arguments 对象。
  • 需要绑定自定义 this 值。
  • 需要访问构造函数的 new.target
Règles de valeur de retour🎜🎜🎜La valeur de retour d'une fonction fléchée est déterminée par les règles suivantes : 🎜
  • Si le corps de la fonction contient une expression, cette expression est la valeur de retour. 🎜
  • Si le corps de la fonction contient un bloc, la valeur de la dernière expression du bloc est la valeur de retour. 🎜
  • Si le corps de la fonction ne contient aucune expression ou bloc, il renvoie undefined par défaut. 🎜🎜🎜🎜Exemple🎜🎜rrreee🎜🎜Scénarios d'application🎜🎜🎜Les fonctions fléchées sont généralement utilisées dans les scénarios suivants : 🎜
    • Comme fonctions de rappel car elles sont plus concises et n'ont pas this code> question contraignante. 🎜<li>En tant que constructeurs, car ils peuvent facilement attacher de nouvelles propriétés aux instances. 🎜</li> <li>En tant que filtres, car ils facilitent l'écriture de conditions de filtrage complexes de manière plus concise. 🎜🎜🎜🎜Remarque : 🎜🎜🎜Bien que les fonctions fléchées soient pratiques, elles peuvent ne pas être adaptées à une utilisation dans les situations suivantes : 🎜<ul> <li>Un objet <code>arguments est requis. 🎜
    • Besoin de lier une valeur this personnalisée. 🎜
    • Besoin d'accéder à l'attribut new.target du constructeur. 🎜🎜

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!

source:php.cn
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal