Maison > interface Web > js tutoriel > Méthodes d'appel, d'application et de liaison - Javascript

Méthodes d'appel, d'application et de liaison - Javascript

Susan Sarandon
Libérer: 2024-11-03 01:09:29
original
1053 Les gens l'ont consulté

Call, Apply & Bind Methods — Javascript

Chaque fonction de JS a accès à ce mot-clé.

1. Appeler

C'est similaire à l'emprunt de fonctions, où nous pouvons utiliser des fonctions/emprunter des fonctions d'un objet et les utiliser avec un autre objet au lieu de les redéclarer.

let name = {
  firstnName: 'Manoj',
  secondName: 'Ravi',
  fullName: function (district, state) {
    return `${this.firstName} ${this.secondName} from ${district}, ${state}.`;
  }
};

let getFullDetails = function(district, state) {
  return `${this.firstName} ${this.secondName} from ${district}, ${state}.`;
};

name.fullName('Chennai', 'TN');  // Manoj Ravi from Chennai, TN.
getFullDetails.call(name, 'Chennai', 'TN');  // Manoj Ravi from Chennai, TN.

let name2 = {
  firstnName: 'Sanjay',
  secondName: 'Ravi',
};

name.fullName.call(name2, 'Coimbatore', 'TN');  // Sanjay Ravi from Coimbatore, TN.
getFullDetails.call(name2, 'Coimbatore', 'TN');  // Sanjay Ravi from Coimbatore, TN.
Copier après la connexion

Des paramètres supplémentaires peuvent être partagés dans un format séparé par des virgules.

2. Postuler

Semblable à call, la seule différence est la façon dont nous transmettons les arguments. Au lieu de les transmettre individuellement (séparés par des virgules), nous les transmettons sous forme de tableau.

let getFullDetails = function(district, state) {
  return `${this.firstName} ${this.secondName} from ${district}, ${state}.`;
};

let name = {
  firstnName: 'Manoj',
  secondName: 'Ravi'
};
getFullDetails.call(name, ['Chennai', 'TN']);  // Manoj Ravi from Chennai, TN.

let name2 = {
  firstnName: 'Sanjay',
  secondName: 'Ravi'
};
getFullDetails.call(name2, ['Coimbatore', 'TN']);  // Sanjay Ravi from Coimbatore, TN.

Copier après la connexion

3. Lier

Semblable à call, cette méthode n'invoque pas la fonction immédiatement ; au lieu de cela, il lie la référence de la fonction et renvoie une nouvelle fonction qui peut être appelée ultérieurement.

let getFullDetails = function(district, state) {
  return `${this.firstName} ${this.secondName} from ${district}, ${state}.`;
};

let name = {
  firstnName: 'Manoj',
  secondName: 'Ravi'
};


let printDetails = getFullDetails(name, 'Chennai', 'TN');
printDetails();  // Manoj Ravi from Chennai, TN.
Copier après la connexion

Merci d'avoir lu ! J'espère que vous avez trouvé ce blog informatif et engageant. Si vous remarquez des inexactitudes ou avez des commentaires, n'hésitez pas à me le faire savoir.

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!

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