JS調(diào)用Android、Ios原生控件
在上一篇博客(詳解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)頁端代碼的統(tǒng)一。
首先我們先看一下Ios調(diào)用JS的方法實(shí)現(xiàn):
//無參調(diào)用 function SwiftCallJs1(){} //有參調(diào)用 function SwiftCallJs2(name, message){}
緊接著我們看一下Android調(diào)用JS的方法實(shí)現(xiàn):
//無參調(diào)用 function AndroidCallJs1(){} //有參調(diào)用 function AndroidCallJs2(data){}
從上面的代碼中你是否發(fā)現(xiàn),Android與Ios調(diào)用JS時(shí),JS處理函數(shù)兩者在無參調(diào)用時(shí)是相通的。有參調(diào)用不同點(diǎn)是Ios是一對(duì)一直接傳遞,Android則是字符串傳遞,當(dāng)然我們可以通過在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):
//無參調(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); }
接下來我們看一下JS調(diào)用Ios的方法實(shí)現(xiàn):
//一:無前綴調(diào)用 //無參調(diào)用 function test1(){ Test1(); } //有參調(diào)用 function test2(){ Test2("滿藝網(wǎng)","www.manyiaby.com"); } //二:有前綴調(diào)用 //無參調(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沒有不帶前綴的方法調(diào)用,2、Android沒有方法調(diào)用后的操作結(jié)果返回處理邏輯。對(duì)于第一點(diǎn),就目前我所認(rèn)識(shí)到的是原生沒有通過具體的實(shí)現(xiàn)邏輯,不過這個(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í)或者工作能帶來一定的幫助,同時(shí)也希望多多支持腳本之家!
- 三步搞定:Vue.js調(diào)用Android原生操作
- DCloud的native.js調(diào)用系統(tǒng)分享實(shí)例Android版代碼
- Android中實(shí)現(xiàn)WebView和JavaScript的互相調(diào)用詳解
- Android WebView的使用方法及與JS 相互調(diào)用
- Android編程使用WebView實(shí)現(xiàn)與Javascript交互的方法【相互調(diào)用參數(shù)、傳值】
- Android總結(jié)之WebView與Javascript交互(互相調(diào)用)
- Android與JS之間跨平臺(tái)異步調(diào)用實(shí)例詳解
- Android webview和js互相調(diào)用實(shí)現(xiàn)方法
- Android WebView使用方法詳解 附j(luò)s交互調(diào)用方法
- Android與JS相互調(diào)用的方法
相關(guān)文章
APP中javascript+css3實(shí)現(xiàn)下拉刷新效果
本文給大家分享的是如何在APP中使用javascript結(jié)合CSS3實(shí)現(xiàn)下拉刷新特效的代碼,非常的簡(jiǎn)單實(shí)用,有需要的小伙伴可以參考下。2016-01-01利用百度地圖JSAPI生成h7n9禽流感分布圖實(shí)現(xiàn)代碼
本文將詳細(xì)介紹下如何使用百度地圖JSAPI生成的H7N9感染分布圖,有對(duì)百度api感興趣的朋友可以參考下哈,希望可以幫助到你2013-04-04Quasar Input:type="number" 去掉上下小箭頭 實(shí)現(xiàn)加減按鈕樣式功能
這篇文章主要介紹了Quasar Input:type="number" 去掉上下小箭頭 實(shí)現(xiàn)加減按鈕樣式,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-04-04關(guān)于JavaScript中事件綁定的方法總結(jié)
下面小編就為大家?guī)硪黄狫avaScript中事件綁定的方法總結(jié)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10List the UTC Time on a Computer
List the UTC Time on a Computer...2007-06-06