首页 > 编程语言 >JavaScript回调函数

JavaScript回调函数

时间:2023-04-25 10:12:22浏览次数:27  
标签:function 执行 函数 JavaScript callback str test 回调


一种场景

js需要等待一个函数执行完后再执行另一个函数或者其他的操作。本编以最简单的例子来说明回调函数的执行过程。回调函数备注上就是以函数对象作为参数进行传递。

demo

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Solution 4-5: Sending multiple files</title>
</head>
<body>
<div class="hh">
    <div >
        Hello world
    </div>
    <img src="hh.png" onclick = "Hello()">
</div>
<script>
    window.onload = function(){
        var classArr = document.getElementsByClassName("hh");
            console.log(classArr[0].innerText);
                alert(str);

            //call();
        }

        var str = "Hello world";
        function Hello()
        {
        //这里是回调函数的核心,首先执行test方法,然后执行test666,当然这里可以使用匿名函数。换句话就是等待test执行完毕后才执行test666。
                    test("999",function   test666(){
                    alert(str);
            })
        }
        //这是test函数的实现。最后调用callback。
        function test(s,callback)
        {
                alert(callback);
                str = s;
                test2("22",function()
                {


                            callback();
                })
                callback();
        }
        function test2(num,callback)
        {
                str=num;
        }
</script>
</body>
</html>

js基本数据类型

字符串、数字、布尔、数组、对象、Null、Undefined


标签:function,执行,函数,JavaScript,callback,str,test,回调
From: https://blog.51cto.com/u_16087831/6223401

相关文章

  • react antd 函数式弹窗案例
     1.弹窗函数exportconstcheckReviewTaskTipModal=async(checkResult:{status:boolean;mseeage:string;})=>{returnnewPromise((r,j)=>{constcancelFc=()=>{mConfirm?.destroy();};constmConfirm=Modal.confi......
  • JavaScript 正则表达式
    基本使用 //定义正则表达式 constreg=/^\d{4}-\d{1,2}-\d{1,2}$/; conststr="2020-11-11"; //验证字符串是否符合规则 reg.test(str);元字符^表示开始部分等于xxx$表示结束部分等于xxx[]表示字符串中存在中括号中定义的字符,可以使用连字符,如a-z表示可以匹......
  • 虚析构函数
    一、问题提出定义一个基类BassClass,从他派生出类DerivedClass.在BaseClass中声明虚析构函数,,在主函数中将一个动态分配的DerivedClass的对象地址赋给一个bassClass的指针,然后通过指针释放对象空间,观察运行结果。代码实现。#include<iostream>#include<iomanip>#include<cmath>#i......
  • 支持向量机上的核函数对比
    探索核函数在不同数据集上的表现导入模块importnumpyasnpimportmatplotlib.pyplotaspltfrommatplotlib.colorsimportListedColormapfromsklearnimportsvmfromsklearn.datasetsimportmake_circles,make_moons,make_blobs,make_classification创建数据集,定......
  • Vue关于beforeRouteEnter以及beforeRouteLeave函数的运用
    先上代码beforeRouteEnter:(to,from,next)=>{console.log("进入路由之前")next(vm=>{vm.getData();});},beforeRouteLeave:(to,from,next)=>{console.log("进入路由之后")next();},methods:{getData:f......
  • 一些可能不知道或不熟悉的有用但冷门的库函数
    提取自洛谷日报从C++98到C++20,寻觅甜甜的语法糖们中C++98到C++14的部分。这是菜鸡作者写给自己看的,你认为有缺失可以在评论区说,但是不一定会添加。函数所位于的库就不写了,反正都#include<bits/stdc++.h>了。__lg(x):GNU私货。返回\(\lfloor\log_2x\rfloor\)。__b......
  • 【C/C++】 可变参数函数
    #include<stdio.h>#include<stdarg.h>/***按自定义格式符解析数据*/voidprocess(constchar*fmt,va_listargs){for(;*fmt;fmt++){if(*fmt=='%'){continue;}switch(*fmt){ca......
  • PHP中的引用参数的函数
    前言php的引用(就是在变量或者函数、对象等前面加上&符号)在PHP中引用的意思是:不同的名字访问同一个变量内容。与C语言中的指针是有差别的。C语言中的指针里面存储的是变量的内容在内存中存放的地址,函数的引用返回多用在对象中引用参数的函数格式说明如下代码所示:voidfunName(array......
  • JavaScript 实现伽马算法
    伽马函数是数学中的一个非常重要的函数,它在统计学、物理学等领域有广泛的应用,其中最重要的应用就在概率统计和计算机科学中。接下来,我们来介绍如何使用JavaScript实现伽马算法。递归实现functiongamma(x){if(x===1){return1;}else{return(x-1)......
  • recv函数具有包的提前预读
    #include<sys/types.h>#include<sys/socket.h>ssize_trecv(intsockfd,void*buf,size_tlen,intflags);1.具有紧急指针功能2.具有带外数据3.数据包提前预读ssize_trecvfrom(intsockfd,void*buf,size_tlen,intflags,......