首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

MessageHandler 高级用法二:原生调用JS 实现

在 上一篇中 我们实现了原生和JS 的方法调用,这篇解决一下在 APP 中调用JS方法时怎么含有 JS 首先我们的期望是在JS中采用如下写法: function testCallBack...中直接使用 callBack 便可以APP,并可以传输参数 我的思路就是: 我们在调用 JS 代码的时候 testCallBack 第二个参数我们穿进去一个已经实现过的 function 这个....postMessage()会调用一个原生的方法,这样在JS中通过 callBack 调用时候,就回调了APP 至于 appMethod 我们可以通过 regist(name...: handler) 来实现,我这里是随机生成一个字符串作为 name(随机 name 保证方法注册不会重复),从而实现 var uuid = UUID.init().uuidString...\(uuid).postMessage(data)}" 上面代码中的 funcjs 会最为 调用js代码中方法中的第二个参数 callBack 这样就已经实现了调用JS时,JS能够 上面的源码可以在

4.1K40
您找到你想要的搜索结果了吗?
是的
没有找到

JS 模式

示例 如果有个模块 findeNodes() ,任务是找到期望的 DOM 元素并使用 hide() 处理: function findNodes() { var i = 10000, nodes...== 'function') { // 检查参数是否为可调用 callback = false } while (i--) { // ...复杂逻辑...,重构后加入函数参数的 findNodes() 仍然可以像以前一样使用,而不会破坏旧 API 的原始代码。...与作用域 前面的例子中,执行的语句:callback(para),在多数情况下有效,但是如果传递的函数是对象的方法且有 this 那么方法里的 this 将指向的是全局对象,从而发生意外。...抽象工厂模式 JS 工厂模式 JS 建造者模式 JS 原型模式 JS 单例模式 JS 模式 JS 外观模式 JS 适配器模式 JS 利用高阶函数实现函数缓存(备忘模式) JS 状态模式 JS 桥接模式

3.5K10

js函数的

平常的前端开发工作中,编写js时会有很多地方用到函数的。..."); } doSomething(foo); /*正确*/ doSomething(function(){ alert("我是后执行的函数"); }); /*正确*/ doSomething(..."foo"); /* 这样是不行的,传入的是一个字符串,不是一个函数名 */ 以上只能没有参数的(除法你事先知道的函数的参数),如果函数有未知的函数,就不能如此简单的调用了。...js函数了 背景:页面A需要使用页面B来选择某个项目,然后带回这个项目的信息给页面A,页面A根据这些信息丰富自己。...} newsee.util.url.back(callback, arr[0]) //重点来了,这里执行,将需要回的函数名和入参传进来,arr[0]就是选择的项目的对象的数组了(它也是个数组,里面就一个对象

4.5K30

JS基础——异步

function A(callback){ console.log("I am A"); callback(); //调用该函数 } function B(){ console.log...当然,这么简单的同步代码是不会用的,现实中用都是相对比较复杂带传参。 函数和异步 一开始我被调和异步有点搞晕了。还以为就一定是异步的呢。...同步 就是上面的A B函数例子,它们就是同步的。...异步 因为js是单线程的,但是有很多情况的执行步骤(ajax请求远程数据,IO等)是非常耗时的,如果一直单线程的堵塞下去会导致程序的等待时间过长页面失去响应,影响用户体验了。...顺道说下,js是单线程的,这里所谓的异步也是伪异步,并不是开了多线程的异步。

4.3K22

Android接口机制

开发中,接口是我们经常用到的。 接口的意思即,注册之后并不立马执行,而在某个时机触发执行。...代码中比如最常用的: 一个Activity中给按钮一个接口方法,只有用户点击了这个按钮,告诉按钮被点击了,才会执行按钮接口的方法 Button btn = new Button(this);...public void onClick(View view) { } }); 那么下面通过一个Demo理解接口...ChangeTitle { void onChangeTitle(String title); } 2、写一个异步任务,把接口作为构造方法参数,在doInBackground()方法中判断如果有数据,则接口...changeTitle.onChangeTitle(strings[0]); } return null; } } 3、主Activity,给异步任务参数传this,即 接口方法在此类中执行

1.6K60

Android接口机制

开发中,接口是我们经常用到的。 接口的意思即,注册之后并不立马执行,而在某个时机触发执行。...代码中比如最常用的: 一个Activity中给按钮一个接口方法,只有用户点击了这个按钮,告诉按钮被点击了,才会执行按钮接口的方法 Button btn = new Button(this);...public void onClick(View view) { } }); 那么下面通过一个Demo理解接口...ChangeTitle { void onChangeTitle(String title); } 2、写一个异步任务,把接口作为构造方法参数,在doInBackground()方法中判断如果有数据,则接口...changeTitle.onChangeTitle(strings[0]); } return null; } } 3、主Activity,给异步任务参数传this,即 接口方法在此类中执行

1.7K30

js函数详解

什么是或者高阶函数 一个函数,也被称为高阶函数,是一个被作为参数传递给另一个函数(在这里我们把另一个函数叫做“otherFunction”)的函数,函数在otherFunction中被调用。...click方法会调用(或者执行)我们传递给它的函数。这是Javascript中函数的典型用法,它在jQuery中广泛被使用。...callback(generalLastName,options);} 在执行之前确保函数是一个函数 在调用之前检查作为参数被传递的函数确实是一个函数,这样的做法是明智的。...,既然我们已经确定了它是可调用的 callback(options); }} 如果没有适当的检查,如果getInput的参数中没有一个函数或者传递的函数事实上并不是一个函数...这些杂乱无章的代码叫做回地狱因为太多而使看懂代码变得非常困难。我从node-mongodb-native,一个适用于Node.js的MongoDB驱动中拿来了一个例子。

5.8K50

Node.js 函数

Node.js 异步编程的直接体现就是。 异步编程依托于调来实现,但不能说使用了后程序就异步化了。...函数在完成任务后就会被调用,Node 使用了大量的函数,Node 所有 API 都支持函数。...例如,我们可以一边读取文件,一边执行其他命令,在文件读取完成后,我们将文件内容作为函数的参数返回。这样在执行代码时就没有阻塞或等待文件 I/O 操作。...; 以上代码执行结果如下: $ node main.js 程序执行结束! 菜鸟教程官网地址:www.runoob.com 以上两个实例我们了解了阻塞与非阻塞调用的不同。...因此,阻塞是按顺序执行的,而非阻塞是不需要按顺序的,所以如果需要处理函数的参数,我们就需要写在函数内。

3.8K30

Android接口的写法

//接口写法:这样就把adapter有传回来了 MyQueryHandler myQueryHandler = new MyQueryHandler(getContentResolver())...java的接口,在android下用的是越来越多了,到底该怎么理解他呢?...就是外部设置一个方法给一个对象, 这个对象可以执行外部设置的方法, 通常这个方法是定义在接口中的抽象方法, 外部设置的时候直接设置这个接口对象即可. 如何定义一个 a....) 4、,然后只要一吃饭,间谍就通知领导,并替领导完成什么样什么样的事情 (通过接口的实例,调用接口中的方法) 这样一说,大家应该对接口的机制有了点感性的理解了吧。...Activity的方法,向Activity通信 3、Activity实现接口与结构内的方法,实现处理的逻辑

1.1K20

Android接口的写法

//接口写法:这样就把adapter有传回来了 MyQueryHandler myQueryHandler = new MyQueryHandler(getContentResolver())...java的接口,在android下用的是越来越多了,到底该怎么理解他呢?...就是外部设置一个方法给一个对象, 这个对象可以执行外部设置的方法, 通常这个方法是定义在接口中的抽象方法, 外部设置的时候直接设置这个接口对象即可. 如何定义一个 a....) 4、,然后只要一吃饭,间谍就通知领导,并替领导完成什么样什么样的事情 (通过接口的实例,调用接口中的方法) 这样一说,大家应该对接口的机制有了点感性的理解了吧。...Activity的方法,向Activity通信 3、Activity实现接口与结构内的方法,实现处理的逻辑

4.8K50

Android 应用开发】Android中的Callback

就是外部设置一个方法给一个对象, 这个对象可以执行外部设置的方法, 通常这个方法是定义在接口中的抽象方法, 外部设置的时候直接设置这个接口对象即可....这个方法就被调了 .  1. 如何定义一个 a. 定义接口 : 在类中定义一个Interface, 并在接口中定义一个抽象方法; b. 接口对象 : 在类中定义一个该接口的成员变量; c....设置对象 : 在类中定义一个公共的方法, 可以设置这个接口的对象, 调用该方法给接口对象成员变量赋值; d. 调用方法 : 在合适的位置调用接口对象中的方法; 2....代码实例 public class Employee { /* * 定义接口的成员变量 */ private Callback mCallback; /* * 声明接口 *...setCallback(Callback callback) { this.mCallback = callback; } /* * 调用接口对象中的方法 */ public void

1.1K30

小兔JS教程(三)-- 彻底攻略JS函数

1481251863707078043.jpg 这一讲来谈谈函数。 其实一句话就能概括这个东西: 函数就是把一个函数当做参数,传入另一个函数中。传进去的目的仅仅是为了在某个时刻去执行它。...也就是说,你给我一个函数callback,我不管三七二十一,帮你执行掉。就这么简单,函数就是这么简单,没有什么更加高深的东西在里面了。...为什么会这样呢,毫无疑问,jQuery肯定在里面把这个函数执行了。...点击事件就是典型的函数应用,因为我哪里知道你点击之后要干什么啊?这当然要你自己决定啊。所以,你自己传一个函数进去。...也就是说,我只是写了一个还未被执行的函数传进去了,这是一个函数。我知道,我传进去以后,你肯定会在某个地方打一个括号帮我执行的,就算不执行,它也肯定会把这个函数赋值给其他变量。

4K70

JS函数中的 this 指向(详细)

首先先说下正常的 this 指向问题 什么是 this:自动引用正在调用当前方法的.前的对象。...this 指向,导致 this 指向实例化 new 的对象 3. fun() 和匿名函数自调 this 默认->window,函数内部的 this,this 默认是指向 window 的 再说函数中的...Bob.intr(); 12 看结果: undefined认识Jack undefined认识Rose undefined认识Tom undefined认识Jerry 函数中的...this默认是指向window的,因为本质上是在函数内callback,并没有.前的对象调用 如何解决: 使用箭头函数 1 2 var Bob={ 3 sname...} 11 Bob.intr(); 12 结果是: 鲍勃认识Jack 鲍勃认识Rose 鲍勃认识Tom 鲍勃认识Jerry 可以看出箭头函数内的this自动指向了函数外层的

7.3K30

co.js 异步的原理

本文将剖析 co.js 是为何用同步的写法,就可以解决异步的问题。...path2', function (err, data) { if (err) throw err; console.log(data); }); }); 这是一个常见的异步的例子...可是好像哪里不对,这个本质上还是之前的方法。我们期望的方法应该是类似这样的,通过一个yield关键字,来表明这里是异步执行的。这样的写法简洁明了,但直接这样写肯定是不能执行的。...所谓 Thunk 化就是将多参数函数,将其替换成单参数只接受函数作为唯一参数的版本 ,上面代码中的 readFile 就是个例子。...由之前的分析我们可以知道,利用 generator 来实现异步的实质就是把, gen.next() 放入函数中, thunk 化之后,可以得到一个只接受 callback 的函数,换句话说,函数中除了

2.6K80

co.js 异步的原理

本文将剖析 co.js 是为何用同步的写法,就可以解决异步的问题。...path2', function (err, data) { if (err) throw err; console.log(data); }); }); 这是一个常见的异步的例子...可是好像哪里不对,这个本质上还是之前的方法。我们期望的方法应该是类似这样的,通过一个yield关键字,来表明这里是异步执行的。这样的写法简洁明了,但直接这样写肯定是不能执行的。...所谓 Thunk 化就是将多参数函数,将其替换成单参数只接受函数作为唯一参数的版本 ,上面代码中的 readFile 就是个例子。...由之前的分析我们可以知道,利用 generator 来实现异步的实质就是把, gen.next() 放入函数中,thunk 化之后,可以得到一个只接受 callback 的函数,换句话说,函数中除了

2.5K00

co.js 异步的原理

本文将剖析 co.js 是为何用同步的写法,就可以解决异步的问题。...path2', function (err, data) { if (err) throw err; console.log(data); }); }); 这是一个常见的异步的例子...可是好像哪里不对,这个本质上还是之前的方法。我们期望的方法应该是类似这样的,通过一个yield关键字,来表明这里是异步执行的。这样的写法简洁明了,但直接这样写肯定是不能执行的。...所谓 Thunk 化就是将多参数函数,将其替换成单参数只接受函数作为唯一参数的版本 ,上面代码中的 readFile 就是个例子。...由之前的分析我们可以知道,利用 generator 来实现异步的实质就是把, gen.next() 放入函数中, thunk 化之后,可以得到一个只接受 callback 的函数,换句话说,函数中除了

2.5K30
领券