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

Comment utiliser la fonction en js

下次还敢
Libérer: 2024-05-06 12:09:19
original
796 Les gens l'ont consulté

Les fonctions en JavaScript peuvent être réutilisées. L'utilisation est la suivante : Déclaration de fonction : Utilisez le mot-clé function pour déclarer, recevoir des paramètres et renvoyer des résultats. Expressions de fonction : déclarées à l'aide de const, recevant des paramètres et renvoyant des résultats en utilisant la notation fléchée (=>). Fonctions auto-invoquantes : déclarées à l'aide d'une expression de fonction immédiatement invoquée (IIFE), elles s'exécutent immédiatement lorsqu'elles sont définies. Méthode de classe : méthode déclarée dans la définition de classe, généralement utilisée sur les objets.

Comment utiliser la fonction en js

Fonction en JavaScript

Une fonction en JavaScript est un bloc de code qui peut être réutilisé et peut transmettre des paramètres et renvoyer des résultats.

Utilisation

Déclarer une fonction

Il existe quatre façons de déclarer une fonction :

  • Déclaration de fonction : nom de la fonction (paramètre) {bloc de code}
  • function 函数名(参数) { 代码块 }
  • 函数表达式:const 函数名 = (参数) => { 代码块 }
  • 自调用函数:(function() { 代码块 })()
  • 类方法:class 类名 { 方法名(参数) { 代码块 } }

调用函数

调用函数只需使用其名称,后跟括号内的任何参数:

<code class="javascript">函数名(参数1, 参数2);</code>
Copier après la connexion

参数

函数可以接收参数,这些参数在函数体内作为变量使用。

返回值

函数可以使用 return

Formule d'expression de fonction :

const nom de la fonction = (paramètre) => {code block>

Fonction auto-appelante : (function() {code block}) ()

Méthode de classe :

class nom de classe { nom de la méthode (paramètre) { bloc de code} }Fonction d'appel

Appeler la fonction uniquement Utilisez son nom, suivi de tous les paramètres entre parenthèses :

<code class="javascript">function sayHello(name) {
  return `Hello, ${name}!`;
}

const greeting = sayHello("Bob");
console.log(greeting); // 输出:"Hello, Bob!"</code>
Copier après la connexion
ParamètresLes fonctions peuvent recevoir des paramètres, qui sont utilisés comme variables dans le corps de la fonction.

Valeur de retour

Une fonction peut renvoyer une valeur en utilisant le mot-clé return. 🎜🎜Exemple🎜🎜🎜Déclaration de fonction : 🎜🎜
<code class="javascript">const multiply = (a, b) => {
  return a * b;
};

const product = multiply(10, 5);
console.log(product); // 输出:50</code>
Copier après la connexion
🎜🎜Expression de fonction : 🎜🎜
<code class="javascript">(function() {
  console.log("立即执行!");
})();

// 输出:"立即执行!"</code>
Copier après la connexion
🎜🎜Fonction d'auto-appel : 🎜🎜
<code class="javascript">class Person {
  constructor(name) {
    this.name = name;
  }

  greet() {
    console.log(`Hello, my name is ${this.name}!`);
  }
}

const person = new Person("Alice");
person.greet(); // 输出:"Hello, my name is Alice!"</code>
Copier après la connexion
🎜🎜Méthode de classe : 🎜🎜rrreee

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