在上一篇博客(详解JS与APP原生控件交互)中已经和大家聊了,关于JS与Android、Ios原生控件之间相互通信的详细代码实现,今天我们一起聊一下JS调用Android、Ios通信的相同点和不同点,以便帮助我们在进行混合式开发时,提高代码质量,实现两者在网页端代码的统一。
首先我们先看一下Ios调用JS的方法实现:
//无参调用 function SwiftCallJs1(){} //有参调用 function SwiftCallJs2(name, message){}
紧接着我们看一下Android调用JS的方法实现:
//无参调用 function AndroidCallJs1(){} //有参调用 function AndroidCallJs2(data){}
从上面的代码中你是否发现,Android与Ios调用JS时,JS处理函数两者在无参调用时是相通的。有参调用不同点是Ios是一对一直接传递,Android则是字符串传递,当然我们可以通过在Android和Ios端统一传参使用JSON格式,JS支持JSON解析,从而实现两个平台在有参方法调用上的统一。
看完上面的Ios与Android调用JS,下面我们看一下JS调用Android与Ios原生通信的异同点。
首先我们看一下JS调用Android的方法实现:
//无参调用 function callNull(){ android.CallNull(); } //有参调用 function callMessage(){ android.CallMessage("msg"); } //有参调用--json function callJson(){ var json = "[{\"name\":\"满艺网\",\"url\":\"www.manyiaby.com\"}]"; android.CallJson(json); }
接下来我们看一下JS调用Ios的方法实现:
//一:无前缀调用 //无参调用 function test1(){ Test1(); } //有参调用 function test2(){ Test2("满艺网","www.manyiaby.com"); } //二:有前缀调用 //无参调用--带返回操作结果处理 function callSystem(){ Ios.CallSystem(); } //操作结果处理函数 function JSCallNullIosResult(){} //有参调用 function callWithMsg(){ Ios.CallWithMsg("满艺网","www.manyiaby.com"); } //有参调用--json function callWithJson(){ var json = "{\"name\":\"满艺网\",\"url\":\"www.manyiaby.com\"}"; Ios.CallWithJson(json); } //有参调用--带返回结果处理 function callWithJsonResult(){ var json = "{\"name\":\"满艺网\",\"url\":\"www.manyiaby.com\"}"; Ios.CallWithJsonResult(json); } function JSCallJsonIosResult(data){ alert("name:"+data["name"]); }
看到这里你一定发现了不同点,1、Android没有不带前缀的方法调用,2、Android没有方法调用后的操作结果返回处理逻辑。对于第一点,就目前我所认识到的是原生没有通过具体的实现逻辑,不过这个点不影响我们的开发,因为Ios是支持前缀方法调用的。对于第二点,我的理解是对于返回处理函数,我们可以在开发的添加上去,从而提高Ios用户的使用体验,并且处理函数不会影响到方法的调用。
好了到这里就和大家聊完了,当然如果所述与您的理解有偏差,还望指点一二。
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!
标签:
JS,调用,控件
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
暂无“JS调用Android、Ios原生控件”评论...
更新动态
2024年05月10日
2024年05月10日
- 群星《妖神令 影视原声专辑》[320K/MP3][85.23MB]
- 逆水寒手游五子棋第二十三关怎么过 逆水寒手游残局攻略大全
- 逆水寒手游五子棋第二十二关怎么过 逆水寒手游残局攻略大全
- 欢乐钓鱼大师最稀有的鱼是什么 欢乐钓鱼大师最稀有的鱼攻略
- ABC唱片-《蔡琴.三十周年纪念版》6N纯银镀膜[WAV+CUE]
- ABC唱片-《汉斯.德斯辛克.心中布鲁斯》6N纯银镀膜[WAV+CUE]
- 群星《DJ·夜色魅影HQ》头版限量[低速原抓WAV+CUE]
- 《如龙》桐生声优被警察拦下盘问:你有犯罪记录吗?
- 游族2023年净利润0.91亿元 《少年西游记2》即将公测
- 曝快手北京游戏事业部全数被裁 项目测试数据未达标
- 李雨寰.2012-我可是天使【有凰音乐】【WAV+CUE】
- 刘美君.1991-听我细诉【BMG】【WAV+CUE】
- 群星.2016-滚石爱情故事3CD【滚石】【WAV+CUE】
- 欢乐钓鱼大师怎么解锁全地图 欢乐钓鱼大师全地图解锁方法
- 欢乐钓鱼大师锦标赛在哪里进 欢乐钓鱼大师锦标赛入口位置介绍