那些年趟過(guò)的OC與JS交互的坑

以前在項(xiàng)目中很少用到OC和JS交互峦剔,所以對(duì)這方面沒(méi)有進(jìn)行更加深入的了解档礁,最近公司安排的一個(gè)項(xiàng)目;一半的內(nèi)容是用h5寫(xiě)的吝沫;所以在這個(gè)過(guò)程中需要OC和JS進(jìn)行無(wú)縫對(duì)接事秀,互相頻繁調(diào)用。在做的過(guò)程中出現(xiàn)了一些問(wèn)題野舶,這里總結(jié)出現(xiàn)易迹,希望能給大家一些啟示。

一.在webview中如果項(xiàng)目只是想簡(jiǎn)單用一下js和oc進(jìn)行交互平道,就沒(méi)有必要搞的那么麻煩睹欲,只需要用下面的方式進(jìn)行處理就行.

1.oc調(diào)用js;例如一屋,在js中有一個(gè)叫commit的方法窘疮,在oc中咱們可以這樣來(lái)調(diào)用它

如果你調(diào)用的js函數(shù)需要傳入?yún)?shù),也不要緊冀墨,咱們只需要通過(guò)字符串拼接的方式將參數(shù)傳入即可闸衫。比如當(dāng)前有一個(gè)叫sum(a,b)的js函數(shù),在oc中咱們可以這樣來(lái)調(diào)用它---(注意:在內(nèi)部參數(shù)要用' '來(lái)將參數(shù)括起來(lái)诽嘉,這是因?yàn)閔tml函數(shù)傳參方式跟oc的不同,我們必須要按照html的傳參方式傳入才會(huì)有效果)

2.js調(diào)用oc蔚出;以前js調(diào)用oc是通過(guò)在webview這邊攔截js那邊觸發(fā)的http請(qǐng)求的url地址來(lái)判斷是不是我們需要調(diào)用的時(shí)機(jī),然后再調(diào)用的oc虫腋。如果當(dāng)我們?cè)趙ebview上點(diǎn)擊一個(gè)按鈕的時(shí)候他會(huì)跳轉(zhuǎn)到http://www.baidu.com這個(gè)頁(yè)面骄酗,那么我們?cè)趏c這邊就可以通過(guò)攔截這個(gè)地址做一些事情

二.其實(shí),通過(guò)上面的方法是可以達(dá)到j(luò)s和oc之間進(jìn)行通訊悦冀,但是它也是存在一些弊端趋翻,或者說(shuō)有時(shí)候不是很方便的。在ios7以后蘋(píng)果官方將javascriptCore框架給開(kāi)放出來(lái)了盒蟆,我們這個(gè)通過(guò)這個(gè)框架就可以暢通無(wú)阻的讓js和oc之間進(jìn)行相互調(diào)用了踏烙。

1.通過(guò)javascriptCore來(lái)進(jìn)行js和oc互相調(diào)用师骗。第一步就是要進(jìn)入javascriptCore這個(gè)框架.

之后就可以在需要使用的控制器中導(dǎo)入javascriptCore框架了,并且如果你需要js來(lái)調(diào)用oc讨惩,并且在js中的觸發(fā)函數(shù)是native.submit(a,b)類型的丧凤,那么你需要將js方法和oc方法進(jìn)行關(guān)聯(lián),這樣處理以后步脓,調(diào)用js對(duì)應(yīng)的方法就會(huì)觸發(fā)oc對(duì)應(yīng)的方法,當(dāng)然,JSContext對(duì)象也是必須的浩螺,這個(gè)對(duì)象是js和oc關(guān)聯(lián)起來(lái)的工具靴患,所有的js和oc調(diào)用都需要通過(guò)它來(lái)完成。

然后在webViewDidFinishLoad:中我們需要進(jìn)行下面的步驟要出,關(guān)聯(lián)native方法鸳君,是在當(dāng)js方法中有native.submit()類型函數(shù)的時(shí)候才需要綁定的,如果沒(méi)有這種類型的就不需要綁定患蹂。

注:其實(shí)通過(guò)上面的方法把self.context的native方法跟self綁定是會(huì)發(fā)生很嚴(yán)重的內(nèi)存泄露問(wèn)題的或颊。因?yàn)檫@樣會(huì)造成self被相互持有,導(dǎo)致該對(duì)象無(wú)法被釋放传于,解決方案是native指定一個(gè)新的對(duì)象囱挑,然后在指定對(duì)象里實(shí)現(xiàn)JSExport協(xié)議。

接下來(lái)就是非native.submit()形式j(luò)s觸發(fā)函數(shù)調(diào)用oc的方式沼溜,我們這邊可以用block形式關(guān)聯(lián)javascript function.

通過(guò)上面的調(diào)用方式就可以獲取到j(luò)s調(diào)用時(shí)給oc傳過(guò)來(lái)的參數(shù)平挑,然后再進(jìn)行相關(guān)處理.當(dāng)js那邊是native.類型的函數(shù)的時(shí)候,js調(diào)用oc系草,我們就可以直接拿到j(luò)s跟oc綁定的那個(gè)方法來(lái)進(jìn)行處理通熄。

到此,js和oc之間相互調(diào)用的內(nèi)容就差不多了找都,但是在使用的過(guò)程中有些情況下會(huì)發(fā)生莫名情況的野指針的情況 唇辨,直接導(dǎo)致程序的崩潰。這個(gè)問(wèn)題我是在webview中調(diào)用手機(jī)攝像頭拍照上傳的過(guò)程中發(fā)現(xiàn)的能耻,具體流程是當(dāng)需要上傳圖片的時(shí)候js調(diào)用oc的方法赏枚,然后oc進(jìn)行拍照并且上傳,當(dāng)上傳圖片成功以后晓猛,再通過(guò)oc調(diào)用js通過(guò)js去回顯圖片嗡贺,就是在回調(diào)js的過(guò)程中有時(shí)候就會(huì)發(fā)生莫名其妙的野指針崩潰,暫時(shí)我還沒(méi)找到能夠徹底解決這個(gè)問(wèn)題的辦法鞍帝,等找到相關(guān)方法诫睬,我再進(jìn)行公布。

續(xù):之前在webView中頻繁使用js和OC互相調(diào)用帕涌,出現(xiàn)了野指針問(wèn)題摄凡,那么這個(gè)問(wèn)題現(xiàn)在解決了续徽。具體做法就是我們拿到webView所在的線程,讓你要執(zhí)行的方法在webView所在線程中執(zhí)行亲澡。例如:

通過(guò)上述方法就可以避免野指針問(wèn)題钦扭,但是具體是因?yàn)槭裁丛蛟斐梢爸羔槅?wèn)題的,我還沒(méi)弄明白床绪,希望知道的高手指教客情。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市癞己,隨后出現(xiàn)的幾起案子膀斋,更是在濱河造成了極大的恐慌,老刑警劉巖痹雅,帶你破解...
    沈念sama閱讀 211,290評(píng)論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件仰担,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡绩社,警方通過(guò)查閱死者的電腦和手機(jī)摔蓝,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,107評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)愉耙,“玉大人贮尉,你說(shuō)我怎么就攤上這事∑友兀” “怎么了绘盟?”我有些...
    開(kāi)封第一講書(shū)人閱讀 156,872評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)悯仙。 經(jīng)常有香客問(wèn)我龄毡,道長(zhǎng),這世上最難降的妖魔是什么锡垄? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,415評(píng)論 1 283
  • 正文 為了忘掉前任沦零,我火速辦了婚禮,結(jié)果婚禮上货岭,老公的妹妹穿的比我還像新娘路操。我一直安慰自己,他們只是感情好千贯,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,453評(píng)論 6 385
  • 文/花漫 我一把揭開(kāi)白布屯仗。 她就那樣靜靜地躺著,像睡著了一般搔谴。 火紅的嫁衣襯著肌膚如雪魁袜。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,784評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音峰弹,去河邊找鬼店量。 笑死,一個(gè)胖子當(dāng)著我的面吹牛鞠呈,可吹牛的內(nèi)容都是我干的融师。 我是一名探鬼主播,決...
    沈念sama閱讀 38,927評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼蚁吝,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼旱爆!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起窘茁,我...
    開(kāi)封第一講書(shū)人閱讀 37,691評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤怀伦,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后庙曙,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,137評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡浩淘,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,472評(píng)論 2 326
  • 正文 我和宋清朗相戀三年捌朴,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片张抄。...
    茶點(diǎn)故事閱讀 38,622評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡砂蔽,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出署惯,到底是詐尸還是另有隱情左驾,我是刑警寧澤,帶...
    沈念sama閱讀 34,289評(píng)論 4 329
  • 正文 年R本政府宣布极谊,位于F島的核電站诡右,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏轻猖。R本人自食惡果不足惜帆吻,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,887評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望咙边。 院中可真熱鬧猜煮,春花似錦、人聲如沸败许。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,741評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)市殷。三九已至愕撰,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背盟戏。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,977評(píng)論 1 265
  • 我被黑心中介騙來(lái)泰國(guó)打工绪妹, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人柿究。 一個(gè)月前我還...
    沈念sama閱讀 46,316評(píng)論 2 360
  • 正文 我出身青樓邮旷,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親蝇摸。 傳聞我的和親對(duì)象是個(gè)殘疾皇子婶肩,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,490評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容