JS調(diào)用Android、Ios原生控件

更新時(shí)間：2017年01月06日 14:04:27 作者：小破孩123

本文主要介紹了JS調(diào)用Android、Ios通信的相同點(diǎn)和不同點(diǎn)，以便幫助我們?cè)谶M(jìn)行混合式開發(fā)時(shí)，提高代碼質(zhì)量，實(shí)現(xiàn)兩者在網(wǎng)頁(yè)端代碼的統(tǒng)一。下面跟著小編一起來(lái)看下吧

在上一篇博客（詳解JS與APP原生控件交互）中已經(jīng)和大家聊了，關(guān)于JS與Android、Ios原生控件之間相互通信的詳細(xì)代碼實(shí)現(xiàn)，今天我們一起聊一下JS調(diào)用Android、Ios通信的相同點(diǎn)和不同點(diǎn)，以便幫助我們?cè)谶M(jìn)行混合式開發(fā)時(shí)，提高代碼質(zhì)量，實(shí)現(xiàn)兩者在網(wǎng)頁(yè)端代碼的統(tǒng)一。

首先我們先看一下Ios調(diào)用JS的方法實(shí)現(xiàn)：

//無(wú)參調(diào)用
function SwiftCallJs1(){}
//有參調(diào)用
function SwiftCallJs2(name, message){}

緊接著我們看一下Android調(diào)用JS的方法實(shí)現(xiàn)：

//無(wú)參調(diào)用
function AndroidCallJs1(){}
//有參調(diào)用
function AndroidCallJs2(data){}

從上面的代碼中你是否發(fā)現(xiàn)，Android與Ios調(diào)用JS時(shí)，JS處理函數(shù)兩者在無(wú)參調(diào)用時(shí)是相通的。有參調(diào)用不同點(diǎn)是Ios是一對(duì)一直接傳遞，Android則是字符串傳遞，當(dāng)然我們可以通過(guò)在Android和Ios端統(tǒng)一傳參使用JSON格式，JS支持JSON解析，從而實(shí)現(xiàn)兩個(gè)平臺(tái)在有參方法調(diào)用上的統(tǒng)一。

看完上面的Ios與Android調(diào)用JS，下面我們看一下JS調(diào)用Android與Ios原生通信的異同點(diǎn)。

首先我們看一下JS調(diào)用Android的方法實(shí)現(xiàn)：

//無(wú)參調(diào)用
function callNull(){
 android.CallNull(); 
}
//有參調(diào)用
function callMessage(){
 android.CallMessage("msg");
}
//有參調(diào)用--json
function callJson(){
 var json = "[{\"name\":\"滿藝網(wǎng)\",\"url\":\"www.manyiaby.com\"}]";
 android.CallJson(json);
}

接下來(lái)我們看一下JS調(diào)用Ios的方法實(shí)現(xiàn)：

//一：無(wú)前綴調(diào)用
//無(wú)參調(diào)用
function test1(){
 Test1();
}
//有參調(diào)用
function test2(){
 Test2("滿藝網(wǎng)","www.manyiaby.com");
}
//二：有前綴調(diào)用
//無(wú)參調(diào)用--帶返回操作結(jié)果處理
function callSystem(){
 Ios.CallSystem();
}
//操作結(jié)果處理函數(shù)
function JSCallNullIosResult(){}
//有參調(diào)用
function callWithMsg(){
 Ios.CallWithMsg("滿藝網(wǎng)","www.manyiaby.com");
}
//有參調(diào)用--json
function callWithJson(){
 var json = "{\"name\":\"滿藝網(wǎng)\",\"url\":\"www.manyiaby.com\"}";
 Ios.CallWithJson(json);
}
//有參調(diào)用--帶返回結(jié)果處理
function callWithJsonResult(){
 var json = "{\"name\":\"滿藝網(wǎng)\",\"url\":\"www.manyiaby.com\"}";
 Ios.CallWithJsonResult(json);
}
function JSCallJsonIosResult(data){
 alert("name:"+data["name"]); 
}

看到這里你一定發(fā)現(xiàn)了不同點(diǎn)，1、Android沒(méi)有不帶前綴的方法調(diào)用，2、Android沒(méi)有方法調(diào)用后的操作結(jié)果返回處理邏輯。對(duì)于第一點(diǎn)，就目前我所認(rèn)識(shí)到的是原生沒(méi)有通過(guò)具體的實(shí)現(xiàn)邏輯，不過(guò)這個(gè)點(diǎn)不影響我們的開發(fā)，因?yàn)镮os是支持前綴方法調(diào)用的。對(duì)于第二點(diǎn)，我的理解是對(duì)于返回處理函數(shù)，我們可以在開發(fā)的添加上去，從而提高Ios用戶的使用體驗(yàn)，并且處理函數(shù)不會(huì)影響到方法的調(diào)用。

好了到這里就和大家聊完了，當(dāng)然如果所述與您的理解有偏差，還望指點(diǎn)一二。

以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，同時(shí)也希望多多支持腳本之家！

您可能感興趣的文章: