interface Web
js tutoriel
Notes d'étude sur les fonctions de rappel dans les compétences js_javascript
Notes d'étude sur les fonctions de rappel dans les compétences js_javascript
Qu'est-ce qu'une fonction de rappel ? Avant d'apprendre, je ne savais vraiment pas comment utiliser la fonction de rappel js et sa fonction. Dans cet article, je vais présenter l'exemple de la fonction de rappel que j'apprends aux étudiants. ceux qui ont besoin d'en savoir plus peuvent s'y référer pour référence.
Principe de la fonction de rappel :
Je pars maintenant et je vous préviendrai quand j'arriverai »
Il s'agit d'un processus asynchrone. Pendant le processus "Je pars" (exécution de la fonction), "vous" pouvez tout faire "Arrivé" (exécution de la fonction terminée) "vous avertir" (rappel) et le processus suivant
Exemple
1.Méthode de base
<script language="javascript" type="text/javascript">
function doSomething(callback) {
// …
// Call the callback
callback('stuff', 'goes', 'here');
}
function foo(a, b, c) {
// I'm the callback
alert(a + " " + b + " " + c);
}
doSomething(foo);
</script>Ou utilisez le formulaire de fonction anonyme
<script language="javascript" type="text/javascript">
function dosomething(damsg, callback){
alert(damsg);
if(typeof callback == "function")
callback();
}
dosomething("回调函数", function(){
alert("和 jQuery 的 callbacks 形式一样!");
});
</script>
2. Méthodes avancées
Utilisez la méthode d'appel de javascript
<script language="javascript" type="text/javascript">
function Thing(name) {
this.name = name;
}
Thing.prototype.doSomething = function(callback) {
// Call our callback, but using our own instance as the context
callback.call(this);
}
function foo() {
alert(this.name);
}
var t = new Thing('Joe');
t.doSomething(foo); // Alerts "Joe" via `foo`
</script>
Passer les paramètres
<script language="javascript" type="text/javascript">
function Thing(name) {
this.name = name;
}
Thing.prototype.doSomething = function(callback, salutation) {
// Call our callback, but using our own instance as the context
callback.call(this, salutation);
}
function foo(salutation) {
alert(salutation + " " + this.name);
}
var t = new Thing('Joe');
t.doSomething(foo, 'Hi'); // Alerts "Hi Joe" via `foo`
</script>
Utilisez l'application javascript pour transmettre les paramètres
<script language="javascript" type="text/javascript">
function Thing(name) {
this.name = name;
}
Thing.prototype.doSomething = function(callback) {
// Call our callback, but using our own instance as the context
callback.apply(this, ['Hi', 3, 2, 1]);
}
function foo(salutation, three, two, one) {
alert(salutation + " " + this.name + " – " + three + " " + two + " " + one);
}
var t = new Thing('Joe');
t.doSomething(foo); // Alerts "Hi Joe – 3 2 1" via `foo`
</script>
Exemple
//Si la source de données fournie est un nombre entier, qui correspond au score d'un certain élève, lorsque num<=0, elle sera traitée par la couche inférieure, et lorsque n>0, elle sera traitée par la couche supérieure. couche.
//Copiez la fonction suivante et enregistrez-la sous 1.js
function f(num,callback){
if(num<0) {
alert("调用低层函数处理!");
alert("分数不能为负,输入错误!");
}else if(num==0){
alert("调用低层函数处理!");
alert("该学生可能未参加考试！");
}else{
alert("调用高层函数处理!");
callback();
}
}
//Enregistrez le fichier test.html et 1.js suivants dans le même répertoire :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script src="1.js" type="text/javascript"></script>
<title>无标题文档</title>
<script type="text/javascript">
function test(){
var p=document.getElementById("pp");
pp.innerText="";
var num=document.getElementById("score").value;
f(num,function(){ //匿名高层处理函数
if(num<60) alert("未及格！");
else if(num<=90) alert("该生成绩优良！");
else alert("该生成绩优秀!"); })
pp.innerText="by since1978 qq558064!"
}
</script>
</head>
<body>
<p>
回调函数示例:当学生成绩score<=0分时候，由底层处理；当score>0时，由高层处理。
</p>
请输入学生成绩<input type="text" id="score">
<input type="button" onClick="test()" value=" 看看结果">
<p id="pp"></p>
</body>
</html>
Voici les ajouts d'autres internautes :
Mode de rappel en javascript :
ressemble à :
function writeCode(callback){
//执行一些事物，
callback();
//...
}
function intrduceBugs(){
//....引入漏洞
}
writeCode(intrduceBugs); Nous transmettons l'application de la fonction à writeCode() et laissons writeCode l'exécuter au moment approprié (appelé après le retour)
Regardons d'abord un exemple pas si bon (il sera reconstruit plus tard) :
//模拟查找页面中的dom节点，将查找到的节点存在数组里面统一返回
//此函数只用于查找不对dom节点做任何的逻辑处理
var findNodes = function(){
var i = 100000;//大量的循环，
var nodes = [];//用于存储找到的dom节点
var found;
while(i){
i -=1;
nodes.push(found);
}
return nodes;
}
//将查找找到的dom节点全部隐藏
var hide = function(nodes){
var i = 0,
max = nodes.length;
for(;i<max;i++){
//findNodes后面有括号代表立即执行，先执行findNodes()然后执行hide()< hide(findNodes()); 执行函数 } ;
nodes[i].style.display="none"
}
上面的方法是低效的，以为hide()必须再次遍历有findNodes()返回的数组节点，如何避免这种多余的循环呢。
我们不能直接在findNodes中对查询到的节点进行隐藏（这样检索就可修改逻辑耦合了），那么他就不再是一个通用函数了。
解决方法是用回调模式，可以将节点隐藏逻辑以回调函数方式传递给findNodes()并委托其执行
//重构findNodes以接受一个回调函数
var findNodes = fucntion(callback){
var i = 100000,
nodes = [],
found;
//检查回调函数是否可用调用的
if(typeof callback !== 'function'){
callback = false;
}
while(i){
i -= 1;
if(callback){
callback(found);
}
nodes.push(found);
}
return nodes;
}
//回调函数
var hide = function(node){
node.style.display = 'none ';
}
//找到后续节点并在后续执行中对其进行隐藏
findNodes(hide);//先执行findNodes然后执行hide，当然回调函数也可以在调用主函数时创建：findNodes(function(node){node.style.display = 'none';});
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
Comment écrire une fonction de rappel Java
Jan 09, 2024 pm 02:24 PM
Les méthodes d'écriture de la fonction de rappel Java sont : 1. Rappel d'interface, définir une interface qui contient une méthode de rappel, utiliser l'interface comme paramètre où le rappel doit être déclenché et appeler la méthode de rappel au moment approprié ; Rappel de classe interne anonyme, vous pouvez utiliser des classes internes anonymes pour implémenter des fonctions de rappel afin d'éviter de créer des classes d'implémentation supplémentaires ; 3. Rappels d'expressions Lambda Dans Java 8 et versions ultérieures, vous pouvez utiliser des expressions Lambda pour simplifier l'écriture des fonctions de rappel.
Syntaxe de base et application des fonctions de rappel en Java
Jan 30, 2024 am 08:12 AM
Introduction à l'écriture de base et à l'utilisation des fonctions de rappel Java : dans la programmation Java, la fonction de rappel est un modèle de programmation courant. Grâce à la fonction de rappel, une méthode peut être transmise en tant que paramètre à une autre méthode, réalisant ainsi un appel indirect de la méthode. L'utilisation de fonctions de rappel est très courante dans des scénarios tels que la programmation événementielle et asynchrone et la mise en œuvre d'interfaces. Cet article présentera l'écriture et l'utilisation de base des fonctions de rappel Java et fournira des exemples de code spécifiques. 1. Définition de la fonction de rappel Une fonction de rappel est une fonction spéciale qui peut être utilisée comme paramètre
Communication des composants Vue : utilisation des fonctions de rappel pour la communication des composants
Jul 09, 2023 pm 07:42 PM
Communication des composants Vue : utilisation des fonctions de rappel pour la communication des composants Dans les applications Vue, nous devons parfois laisser différents composants communiquer entre eux afin qu'ils puissent partager des informations et collaborer les uns avec les autres. Vue propose diverses façons d'implémenter la communication entre les composants, l'une des méthodes les plus courantes consiste à utiliser des fonctions de rappel. Une fonction de rappel est un mécanisme dans lequel une fonction est passée en argument à une autre fonction et est appelée lorsqu'un événement spécifique se produit. Dans Vue, nous pouvons utiliser des fonctions de rappel pour implémenter la communication entre les composants, afin qu'un composant puisse
Analyse approfondie des fonctions de rappel en JavaScript (synchrones et asynchrones)
Aug 04, 2022 am 10:05 AM
Les fonctions de rappel sont l'un des concepts que tout programmeur front-end devrait connaître. Les rappels peuvent être utilisés dans les tableaux, les fonctions de minuterie, les promesses et la gestion des événements. Cet article expliquera le concept des fonctions de rappel et vous aidera à distinguer deux types de rappels : synchrones et asynchrones.
Comment utiliser les fonctions de rappel de base de données dans Golang ?
Jun 03, 2024 pm 02:20 PM
L'utilisation de la fonction de rappel de base de données dans Golang peut permettre : d'exécuter du code personnalisé une fois l'opération de base de données spécifiée terminée. Ajoutez un comportement personnalisé via des fonctions distinctes sans écrire de code supplémentaire. Des fonctions de rappel sont disponibles pour les opérations d'insertion, de mise à jour, de suppression et de requête. Vous devez utiliser la fonction sql.Exec, sql.QueryRow ou sql.Query pour utiliser la fonction de rappel.
Domaines d'application des fonctions de rappel Java dans la programmation événementielle
Feb 01, 2024 am 09:07 AM
Application de la fonction de rappel Java dans la programmation pilotée par événements Introduction à la fonction de rappel Une fonction de rappel est une fonction appelée après qu'un événement ou une opération se soit produit. Il est couramment utilisé dans la programmation événementielle, où le programme se bloque en attendant qu'un événement se produise. Lorsque l'événement se produit, la fonction de rappel est appelée et le programme peut continuer son exécution. En Java, les fonctions de rappel peuvent être implémentées via des interfaces ou des classes internes anonymes. Une interface est un mécanisme permettant de définir des signatures de fonction qui permet à une classe d'implémenter celle d'une autre classe.
Analyser les scénarios d'application courants de la fonction de rappel Python
Feb 02, 2024 pm 09:34 PM
L'analyse des scénarios d'application de fonctions de rappel courants en Python nécessite des exemples de code spécifiques. Une fonction de rappel fait référence au passage d'une fonction en tant que paramètre à une autre fonction dans la programmation et à l'exécution de cette fonction de paramètre lorsqu'un événement spécifique se produit. Les fonctions de rappel sont largement utilisées dans la programmation asynchrone, le traitement d'événements, la programmation GUI et d'autres domaines. Cet article analysera les scénarios d'application courants des fonctions de rappel en Python et donnera des exemples de code spécifiques pertinents. Programmation asynchrone Dans la programmation asynchrone, les fonctions de rappel sont souvent utilisées pour gérer les résultats des tâches asynchrones. Lorsqu'il est nécessaire d'exécuter une consommation
Comparaison des pointeurs de fonctions C++ et des fonctions de rappel
Apr 18, 2024 pm 12:06 PM
Les pointeurs de fonction et les fonctions de rappel sont tous deux des outils permettant d'implémenter le mécanisme de rappel. Les pointeurs de fonction sont créés au moment de la compilation et ne peuvent pas être modifiés et doivent être appelés explicitement ; les fonctions de rappel sont créées au moment de l'exécution et peuvent être liées dynamiquement à différentes fonctions et automatiquement appelées par la fonction de rappel. Par conséquent, les pointeurs de fonction conviennent aux rappels statiques, tandis que les fonctions de rappel conviennent aux rappels dynamiques.
