Apprenez à coder avec JavaScript: partie 4, fonctions

Fonction JavaScript: aucune fonction de valeur de retour et fonction de valeur de retour

Cet article traite de deux types de fonctions dans JavaScript: fonctions void et fonctions de rendement de la valeur.

fonctions void (fonctions void)

La fonction NO RETOUR VALEUR effectue une série d'opérations, mais ne renvoie aucune valeur. Ils sont souvent utilisés pour effectuer des effets secondaires, tels que l'impression ou la modification de l'état global.

La structure de base de la fonction

est la suivante:

function functionName() {
    语句;
    语句;
    // ...
}

un échantillon d'une fonction sans valeur de retour:

function greet() {
    console.log("Hello, World");
}

Méthodes pour appeler une fonction (également connue sous le nom d'exécution d'une fonction ou d'appeler une fonction):

greet();

Il convient de noter que même la fonction sans valeur de retour renvoie implicitement undefined. Ce qui suit est la fonction greet représentée par la fonction de flèche:

let greet = () => console.log("Hello, World");

Exemple de fonction avec paramètres:

let greet = name => console.log(`Hello, ${name}`);

// 输出：Hello, Monty
greet("Monty");

let greet = (fname, lname) => console.log(`Hello, ${fname} ${lname}. How are you?`);

// 输出：Hello, Monty Shokeen. How are you?
greet("Monty", "Shokeen");

let greet = (fname, lname) => {
    let name = `${fname} ${lname}`;
    console.log(`Hello, ${name}`);
};

// 输出：Hello, Monty Shokeen
greet("Monty", "Shokeen");

La fonction de flèche est une fonction anonyme et est nommée en attribuant des valeurs aux variables. L'un des avantages des fonctions Arrow est de rendre le code plus concis.

Exemple d'une fonction factorielle sans valeur de retour:

function factorial(x) {
    let result = 1;
    while (x > 1) {
        result *= x;
        x -= 1;
    }
    console.log(result);
}

// 输出：3628800
factorial(10);

// 输出：479001600
factorial(12);

// 输出：6402373705728000
factorial(18);

Fonctions de retour de valeur

Il existe une fonction de valeur de retour effectue une série d'opérations et renvoie une valeur. La fonction doit se terminer par une instruction return. L'exemple suivant renvoie la somme de deux nombres:

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

Forme générale de la fonction de valeur de retour:

function functionName() {
    语句;
    语句;
    // ...
    return 表达式;
}

La fonction

renvoie la valeur de l'expression. Ces fonctions sont utiles lorsque vous devez stocker la valeur de retour dans une variable ou l'utiliser ailleurs dans votre code. Si vous prévoyez d'utiliser la valeur d'une fonction ailleurs dans votre code, vous devez renvoyer explicitement la valeur de la fonction.

Exemple d'une fonction factorielle avec une valeur de retour:

function factorial(x) {
    let result = 1;
    while (x > 1) {
        result *= x;
        x -= 1;
    }
    return result;
}

// 输出：3628800
console.log(factorial(10));

// 输出：479001600
console.log(factorial(12));

// 输出：6402373705728000
console.log(factorial(18));

Le résultat de sortie de

est le même que la fonction sans valeur de retour, la différence est que la valeur de retour est sortie par console.log. La fonction avec la valeur de retour renvoie une valeur, tandis que la fonction sans valeur de retour renvoie undefined.

Portée (portée)

La portée fait référence à la zone du programme où les variables sont accessibles. Les variables déclarées à l'intérieur d'une fonction (y compris les paramètres de fonction) sont des variables locales. Les blocs de code ont également des lunettes dans lesquelles des variables locales peuvent être créées.

Les variables non déclarées dans les blocs de code ou les modules sont des variables globales. Si des variables globales sont nécessaires, des constantes globales peuvent être utilisées. Sinon, vous devriez essayer de limiter le code au module car le module a sa propre portée. Une meilleure façon consiste à utiliser des modules pour organiser le code afin que la structure du code soit claire.

Cet article a été mis à jour avec Monty Shokeen. Monty est un développeur complet qui aime écrire des tutoriels et apprendre de nouvelles bibliothèques JavaScript.

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!