Fonction de définition JavaScript

Définir une fonction

En JavaScript, la façon de définir une fonction est la suivante :

function abs(x) {
    if (x >= 0) {
        return x;
    } else {
        return -x;
    }
}

La fonction abs() ci-dessus est défini comme suit :

function indique qu'il s'agit d'une définition de fonction
abs est le nom de la fonction ; >
(x) Les paramètres de la fonction sont répertoriés entre parenthèses, et plusieurs paramètres sont séparés par ; le code entre
{ ... } est le corps de la fonction, qui peut contenir plusieurs instructions. Il peut même n'y avoir aucune instruction.

Veuillez noter que lorsque les instructions à l'intérieur du corps de la fonction sont exécutées, une fois return exécuté, la fonction sera exécutée et le résultat sera renvoyé. Par conséquent, une logique très complexe peut être implémentée à l’intérieur de la fonction via un jugement conditionnel et un bouclage.

S'il n'y a pas d'instruction return, le résultat sera renvoyé une fois la fonction exécutée, mais le résultat ne sera pas défini.

Puisqu'une fonction JavaScript est également un objet, la fonction abs() définie ci-dessus est en fait un objet fonction, et le nom de la fonction abs peut être considéré comme une variable pointant vers la fonction.

Donc, la deuxième façon de définir une fonction est la suivante :

var abs = function (x) {
    if (x >= 0) {
        return x;
    } else {
        return -x;
    }
};

De cette façon, la fonction (x) { ... } est une fonction anonyme, elle n'a pas de nom de fonction. Cependant, cette fonction anonyme est affectée à la variable abs, la fonction peut donc être appelée via la variable abs.

Les deux définitions ci-dessus sont complètement équivalentes. Notez que la deuxième méthode nécessite d'ajouter un ; à la fin du corps de la fonction selon la syntaxe complète, indiquant la fin de l'instruction d'affectation.

Nous complétons la fonction de somme de deux nombres et d'affichage du résultat. Et donnez à la fonction un nom significatif : "add2", le code est le suivant :

<!DOCTYPE html>
<html>
<body>
<script type="text/javascript">
    function add2(){
        sum = 3 + 2;
        alert(sum);
    }  add2();
</script>
</body>
</html>

Résultat :

QQ截图20161012143034.png

Formation continue

nouveau fichier

<!DOCTYPE html> <html> <head> <script> function myFunction() { alert("Hello World!"); } </script> </head> <body> <button onclick="myFunction()">点击这里</button> </body> </html>

soumettre Réinitialiser le code

Opération automatique

Fonction de définition JavaScript

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]