Maison > interface Web > js tutoriel > Comment appeler des fonctions en javascript

Comment appeler des fonctions en javascript

醉折花枝作酒筹
Libérer: 2023-01-05 16:09:28
original
15189 Les gens l'ont consulté

Méthode : 1. Appel avec l'instruction "nom de la fonction (paramètre, paramètre)" ; 2. Appel en tant que méthode d'objet, syntaxe "nom de l'objet.Nom de la méthode ()" ; , La syntaxe est "nom de fonction.call|apply(paramètre, paramètre)"; 4. Utilisez la nouvelle commande, la syntaxe est "nouveau nom de fonction (paramètre, paramètre)".

Comment appeler des fonctions en javascript

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

JavaScript propose 4 types d'appels de fonction : les appels de fonctions généraux, les appels de méthodes en tant qu'objets, les appels dynamiques utilisant call et apply et les appels indirects utilisant new.

1. Forme générale d'appel de fonction

Dans l'état par défaut, la fonction ne sera pas exécutée. Utilisez des parenthèses () pour activer et exécuter des fonctions. Zéro ou plusieurs paramètres peuvent être inclus entre parenthèses, séparés par des virgules.

Dans l'exemple suivant, les parenthèses sont utilisées pour appeler la fonction, puis la valeur de retour est directement transmise à la fonction pour la deuxième opération, qui enregistre deux variables temporaires.

function f(x,y) {  //定义函数
    return x * y;  //返回值
}
console.log(f(f(5,6), f(7,8)));  //返回1680。重复调用函数
Copier après la connexion

2. Appeler des méthodes en tant qu'objets

En JavaScript, vous pouvez définir des fonctions en tant que méthodes d'objets.

L'exemple suivant crée un objet (myObject), qui a deux propriétés (firstName et lastName) et une méthode (fullName)

var myObject = {
    firstName:"John",
    lastName: "Doe",    
    fullName: function () {
        return this.firstName + " " + this.lastName;
        }
    }
        myObject.fullName();         // 返回 "John Doe"
Copier après la connexion

Utiliser l'appel et appliquer dynamiquement l'appel.

call et apply sont les méthodes prototypes de Function. Elles peuvent lier une fonction spécifique en tant que méthode à l'objet spécifié et l'appeler. L'utilisation spécifique est la suivante :

function.call(thisobj, args...)
function.apply(thisobj, [args])

function représente la fonction à appeler ; le paramètre thisobj représente L'objet de liaison est l'objet référencé par this ; le paramètre args représente les paramètres à transmettre à la fonction appelée. La méthode d'appel peut recevoir plusieurs listes de paramètres, tandis que apply ne peut recevoir qu'un tableau ou un tableau de pseudo-classe, et les éléments du tableau seront transmis à la fonction appelée en tant que liste de paramètres.

L'exemple suivant utilise call pour appeler dynamiquement la fonction f, en passant les valeurs de paramètre 3 et 4 et en renvoyant la valeur de l'opération. Les principales fonctions des méthodes

function f(x,y) {  //定义求和函数
    return x + y;
}
console.log(f.call (null, 3, 4));  //返回7
Copier après la connexion

all et apply sont les suivantes :

  • Fonction d'appel.

  • Modifiez l'objet de référence this dans le corps de la fonction.

  • est une méthode de liaison d'objet.

  • Appelez différents types de méthodes au-delà des limites.

4. La nouvelle commande appelle indirectement

En utilisant la nouvelle commande, vous pouvez instancier des objets. mais dans Les fonctions sont activées et exécutées lors de la création de l'objet. Par conséquent, les fonctions peuvent être appelées indirectement à l’aide de la nouvelle commande.

L'exemple suivant montre simplement comment utiliser la nouvelle commande pour afficher la valeur du paramètre transmise sur la console.

function (x,y) {  //定义函数
    console.log("x =" + x + ", y =" + y);
}
new f(3,4);
Copier après la connexion

[Apprentissage recommandé : Tutoriel avancé 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!

Étiquettes associées:
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal