在上一篇博客（详解JS与APP原生控件交互）中已经和大家聊了，关于JS与Android、Ios原生控件之间相互通信的详细代码实现，今天我们一起聊一下JS调用Android、Ios通信的相同点和不同点，以便帮助我们在进行混合式开发时，提高代码质量，实现两者在网页端代码的统一。
首先我们先看一下Ios调用JS的方法实现：
//无参调用
function SwiftCallJs1(){}
//有参调用
function SwiftCallJs2(name, message){}
紧接着我们看一下Android调用JS的方法实现：
//无参调用
function AndroidCallJs1(){
在混合式应用开发中，JavaScript (JS) 与原生平台如Android和iOS之间的交互是至关重要的。这种交互使得Web视图能够利用移动设备的原生功能，提供更丰富的用户体验。本文将探讨JS如何调用Android和iOS原生控件，并分析它们之间的相似性和差异性。
让我们回顾一下iOS调用JS的方法。在iOS中，我们可以使用`WKWebView`的`evaluateJavaScript:`方法来执行JS代码。例如，无参数调用可以写为：
```javascript
function SwiftCallJs1() {}
```
而对于有参数的调用，可以直接传递参数：
```javascript
function SwiftCallJs2(name, message) {}
```
在Android方面，同样使用`WebView`对象，但调用JS的方法有所不同。无参数调用可以这样实现：
```javascript
function AndroidCallJs1() {}
```
有参数的调用通常通过`WebChromeClient`的`onJsPrompt`方法，将参数作为字符串传递：
```javascript
function AndroidCallJs2(data) {}
```
注意到，虽然在无参数调用时，iOS和Android的JS处理函数形式相似，但在有参数调用时，iOS直接传递参数，而Android则需要将参数转换成字符串。为保持一致性，可以使用JSON格式在两端传递参数，JS能方便地解析JSON。
接下来，我们讨论JS如何调用Android和iOS的原生功能。在Android中，我们需要注册一个JavaScript接口，然后在JS中通过该接口调用原生方法：
```javascript
// 无参调用
function callNull() {
android.callNull();
}
// 有参调用
function callMessage() {
android.callMessage("msg");
}
// JSON有参调用
function callJson() {
var json = '[{"name":"满艺网","url":"www.manyiaby.com"}]';
android.callJson(json);
}
```
而在iOS中，JS调用原生方法可以有多种方式。一种是直接调用，另一种是带有前缀的方法，还可以包含返回值的处理：
```javascript
// 无参调用，无前缀
function test1() {
Test1();
}
// 有参调用，无前缀
function test2() {
Test2("满艺网", "www.manyiaby.com");
}
// 无参调用，有前缀，带返回结果处理
function callSystem() {
Ios.callSystem();
}
// 有参调用，有前缀
function callWithMsg() {
Ios.callWithMsg("满艺网", "www.manyiaby.com");
}
// JSON有参调用，有前缀，带返回结果处理
function callWithJson() {
var json = '{"name":"满艺网","url":"www.manyiaby.com"}';
Ios.callWithJson(json);
}
// 返回结果处理函数
function JSCallJsonIosResult(data) {
alert("name:" + data["name"]);
}
```
这里有几个关键的区别：
1. Android的接口调用通常需要明确的前缀，而iOS允许无前缀调用。
2. iOS支持方法调用后的返回值处理，而Android则需要开发者自行添加处理逻辑。
对于第一个区别，尽管Android默认不支持无前缀调用，但开发者可以自定义实现。对于第二个区别，Android开发者可以借鉴iOS的模式，增加回调函数来处理返回结果，提升用户体验。
JS与Android和iOS的交互涉及到跨平台的兼容性和一致性问题。开发者需要理解和利用各自平台的特点，确保代码的可移植性和效率。通过合理的参数传递和结果处理机制，可以有效地实现JS与原生控件的通信，为混合式应用提供更流畅的功能。
