在上一篇博客中已经和大家聊了,关于JS与Android、Ios原生控件之间相互通信的详细代码实现,今天我们一起聊一下JS调用Android、Ios通信的相同点和不同点,以便帮助我们在进行混合式开发时,提高代码质量,实现两者在网页端代码的统一。

  首先我们先看一下Ios调用JS的方法实现:

//无参调用<br/>
function SwiftCallJs1(){}<br/>
//有参调用<br/>
function SwiftCallJs2(name, message){}

  紧接着我们看一下Android调用JS的方法实现:

//无参调用<br/>
function AndroidCallJs1(){}<br/>
//有参调用<br/>
function AndroidCallJs2(data){}

  从上面的代码中你是否发现,Android与Ios调用JS时,JS处理函数两者在无参调用时是相通的。有参调用不同点是Ios是一对一直接传递,Android则是字符串传递,当然我们可以通过在Android和Ios端统一传参使用JSON格式,JS支持JSON解析,从而实现两个平台在有参方法调用上的统一。

  看完上面的Ios与Android调用JS,下面我们看一下JS调用Android与Ios原生通信的异同点。

  首先我们看一下JS调用Android的方法实现:

//无参调用<br/>
function callNull(){<br/>
      android.CallNull();<br/>
}<br/>
//有参调用<br/>
function callMessage(){<br/>
      android.CallMessage("msg");<br/>
}<br/>
//有参调用--json<br/>
function callJson(){<br/>
      var json = "[{\"name\":\"满艺网\",\"url\":\"www.manyiaby.com\"}]";<br/>
      android.CallJson(json);<br/>
}    

  接下来我们看一下JS调用Ios的方法实现:

//一:无前缀调用<br/>
//无参调用<br/>
function test1(){<br/>
      Test1();<br/>
}<br/>
//有参调用<br/>
function test2(){<br/>
      Test2("满艺网","www.manyiaby.com");<br/>
}<br/>
//二:有前缀调用<br/>
//无参调用--带返回操作结果处理<br/>
function callSystem(){<br/>
      Ios.CallSystem();<br/>
}<br/>
//操作结果处理函数<br/>
function JSCallNullIosResult(){}

//有参调用<br/>
function callWithMsg(){<br/>
      Ios.CallWithMsg("满艺网","www.manyiaby.com");<br/>
}<br/>
//有参调用--json<br/>
function callWithJson(){<br/>
     var json = "{\"name\":\"满艺网\",\"url\":\"www.manyiaby.com\"}";<br/>
     Ios.CallWithJson(json);<br/>
}<br/>
//有参调用--带返回结果处理<br/>
function callWithJsonResult(){<br/>
        var json = "{\"name\":\"满艺网\",\"url\":\"www.manyiaby.com\"}";<br/>
     Ios.CallWithJsonResult(json);<br/>
}<br/>
function JSCallJsonIosResult(data){<br/>
      alert("name:"+data["name"]);<br/>
}

  看到这里你一定发现了不同点,1、Android没有不带前缀的方法调用,2、Android没有方法调用后的操作结果返回处理逻辑。对于第一点,就目前我所认识到的是原生没有通过具体的实现逻辑,不过这个点不影响我们的开发,因为Ios是支持前缀方法调用的。对于第二点,我的理解是对于返回处理函数,我们可以在开发的添加上去,从而提高Ios用户的使用体验,并且处理函数不会影响到方法的调用。