通过js看类似C#中的回掉

  我认为并行有两种形式,第一种是异步,第二种是多线程,目的都是为了实现并行,只不过异步和多线程都是手段而已

  • 第一种异步 
    异步,执行完函数或方法后,不必阻塞性地等待返回值或消息,只需要向系统委托一个异步过程,那么当系统接收到消息时,系统会自动触发委托的异步过程,从而完成一个完整的流程
  • 第二种多线程
    多线程,由于同步函数在请求API数据的时候,由于网络等原因,不能很快的完成,因此会发生进程阻塞(直到本身函数执行完成,下面的函数才会执行),因此,往往是新建一个进程,让它执行这个过程,主线程管理用户界面,不会出现UI假死的情况

  今天先说第一种,C#中都有异步方法,如下图中的Socket就是我去发送数据,我就不管了我继续做我下面的其他事情,如果我发送的数据得到了系统的回复,那么会自动触发SendCallback这个函数,我们在js中看看怎么理解什么叫“系统会自动触发委托的异步过程”这句话 

  JS DEMO

 1 <script>
 2 //定义一个js类
 3 var GameControl=(function(game){
 4   game.GameAlert= function(){
 5     alert(‘123‘);
 6   }
 7   //保存分数
 8   game.saveResult= function(scroe,callback){
 9    //如果分数大于0了,调用传递进来的函数且给函数传递参数
10    if (scroe > 98) {
11             if (typeof callback === "function") {
12                 callback({ "status": true, "message": "" });
13             }
14             return;
15         }
16   }
17   return game;
18 })(GameControl || {});
19
20 //保存游戏分数方法
21 var saveGameResult = function (score) {
22     var alertGameEnd = function(data)
23     {
24         if (data.status == true) {
25            alert(‘游戏结束了‘);
26         }
27         else {
28             alert(‘游戏未结束‘);
29         }
30     }
31     //如果分数大于0了,调用GameControl类里面的saveResult方法去保存游戏分数,注意第二个参数是把方法传递进去了
32     if (score > 0) {
33         GameControl.saveResult(score, alertGameEnd);
34     }
35 }
36
37 //调用保存游戏分数方法
38 saveGameResult(99);
39 </script>
  1. 首先我在js中定义了一个游戏类叫GameControl,里面有个叫saveResult的方法
  2. 其次我又写了个saveGameResult保存游戏分数的方法,在这个方法里我又闭包包含了一个叫做alertGameEnd的方法
  3. 当我调用saveGameResult(99)的时候,因为99大于0会调用GameControl类里面的saveResult的方法,又因为99大于98,会调用alertGameEnd这个方法,且给alertGameEnd方法传递2个参数,一个是status,一个是message如下图所示


   跟上面的C#中的SendCallback类似,js 中先委托一个alertGameEnd方法,当满足一定条件时,就会调用alertGameEnd方法,就跟自动触发SendCallback一样

时间: 2024-10-12 11:32:14

通过js看类似C#中的回掉的相关文章

js实现类似php中strtotime函数和timetostr的日期转换/互换功能

<script type="text/javascript">   //日期(格式:yyyy-mm-dd H:i:s) ---转换为以秒为单位的unix时间轴(格式:xxxxxx) 方法一:   //摘取天上星:http://blog.csdn.net/zqtsx   function strtotime1(datetime){        var tmp_datetime = datetime.replace(/:/g,'-');        tmp_datetime

simple_udp_register中回掉函数解析

simple-udp.c中的simple_udp_register()函数的解析,重点为回掉函数,结合broadcast-udp.c这个例子对其进行分析. broadcast-udp.c是基于simple-udp的一个广播数据报的例子. int simple_udp_register(structsimple_udp_connection *c, uint16_t local_port, uip_ipaddr_t *remote_addr, uint16_t remote_port, simpl

Android之线程回掉更新ui

一:工作线程中的回掉更新UI public class MainActivity extends AppCompatActivity { private int i; private Callback mCallback; private TextView textView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentVi

【翻译】在Ext JS 5应用程序中如何使用路由

原文:How to Use Routing in Your Ext JS 5 Apps 简介 Ext JS 5是一个重要的发布版本,它提供了许多新特性来创建丰富的.企业级的Web应用程序.MVVM和双向数据绑定为开发人员承担了大量的繁重工作.在Ext JS 5种,另一个新特性就是路由,它可以在控制器内轻松的管理历史记录.前进和后退按钮是每个浏览器都会拥有的公共用户接口,现在,使用Ext JS 5在单页面应用程序中处理导航变得相当简单了. Ext JS 5路由 在Ext JS,已经可以使用Ext.

js获取一个字符串中指定字符串第n次出现的位置

1.JS获取一个字符串中指定字符串第n次出现的位置 了解类似的获取字符位置的方法: 1.1 charAt() 获取字符串指定位置的字符 用法:strObj是字符串对象,index是指定的位置,(位置从0开始数) strObj.charAt(index) 1.2 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置 用法:stringObject是字符串对象,searchvalue是指定的字符串值,fromindex(可有可无)指定开始匹配字符串值的位置,若无,表示从0位置开始

Js放到HTML文件中的哪个位置有什么区别

这个问题一直是初学者的困惑.先明白js能放在HTML的那个位置,分别是head和body中.大部分人都是放到head里面的.我学的时候也是稀里糊涂的跟着放到head的里面,也不知道为什么?今天看说说,放到这两个地方的区别: 先看一段html代码: 复制代码 代码如下: <html> <head> <title> New Document </title> <meta http-equiv="content-type" content

[WebOS]基于JS的HP-WebOS开发中Eclipse安装Aptana插件时报"Bad Gateway"错误解决方案

进入Aptana官网:http://www.aptana.com/ 跳转到下载页面,选择下载Eclipse plugin installation, 发现官网只给出在线更新的网址: http://download.aptana.com/studio3/plugin/install 但是试过在线更新的童鞋都知道这是多么蛋疼的事情,于是,google到解决方法: 复制在线更新链接,在浏览器打开,你会看到会自动跳转到: http://d1iwq2e2xrohf.cloudfront.net/tools

从“假如有以下几种价格10,20,50,请你代码实现将他们排序输出”看着设计模式中的策略模式

今天重温了一下策略模式,将自己的一些感悟与大家分享...本人只是技术渣渣,所理解的东西的难免会有很大的局限性甚至是错误,还请各位带着批判的眼光去看待....不喜请勿吐槽 定义:策略模式属于设计模式中的对象行为型模式,它将用到的算法单独抽象成一个单独的类.通常,我们在多个类完成同一件事情,仅仅完成的方式不同时,我们可以考虑使用这种设计模式. 举例:相信,很多人在看到"假如有以下几种价格10,20,50,请你代码实现将他们排序输出"这种题目的时候,很快就写出了以下代码,写之前还不忘了问一下

【翻译】在Ext JS和Sencha Touch中创建自定义布局

原文:Creating Custom Layouts in Ext JS and Sencha Touch 布局系统是Sencha框架中最强大和最独特的一部分.布局会处理应用程序中每个组件的大小和位置,因而,不需要手动去管理那些碎片.Ext JS与Sencha Touch的布局类有许多相似之处,最近在 Ivan Jouikov的这篇博文中对他们进行了详细的分析. 虽然是这样,但很多Ext JS和Sencha Touch开发人员可能永远都不会去了解布局系统的机制原理.Sencha框架已经提供了最常