JS调用Android、Ios原生控件

最新推荐文章于 2024-08-05 13:54:33 发布

原创

最新推荐文章于 2024-08-05 13:54:33 发布 · 269 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ios #javascript #android

本文探讨了JS如何与Android和iOS进行通信，包括无参和有参调用的实现方式，以及两者之间的相同点和不同点。通过示例代码，展示了在有参调用中如何通过JSON实现参数统一。同时，指出了Android和iOS在调用JS时的不同，如Android的方法调用后处理和iOS的前缀调用。建议在混合式开发中利用这些知识来提高代码质量和用户体验。

在上一篇博客中已经和大家聊了，关于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