iOS JS与OC互相调用(JavaScriptCore)

应公司需求需要与前端交互(应用场景:前端页面生成订单,跳转原生微信支付页面),其他不赘述,直接进入主题。

1.oc调用js

(demo中加载的是本地的html,如何加载也不赘述,网上很多)

(有一小坑:以下的代码执行一定要在html加载完毕,否则.......)这一块实现起来比较简单就一句话,show('%@'),这里是和js端约定好的函数名及参数,若有2个参数,show('%@','%@'),多个参数,同理。


result即为JS 封装的函数返回值.

iOS JS与OC互相调用(JavaScriptCore)_第1张图片

2.js 调用oc

   js调用oc又分为两种:

      a.js端是直接调用方法

context[@"toast"]中的toast也是与js端约定好的函数名,result就是js端toast函数传过来的参数,也就是我们需要的值。

iOS JS与OC互相调用(JavaScriptCore)_第2张图片
iOS JS与OC互相调用(JavaScriptCore)_第3张图片

b.js端通过对象调用方法

首先创建一个继承NSObject类,类的名字一定要与js端约定好,并创建一个默认遵守协议的代理,代理方法名同样要和JS端约定好,若有多个参数如下图,TestOneParameterTestSecondParameter('message1','message2')即为JS端函数及参数(参考了http://blog.csdn.net/lwjok2007/article/details/47058795的博客)。message即为JS端传过来的参数,demo中用block回传了方便使用。

iOS JS与OC互相调用(JavaScriptCore)_第4张图片


JS调用OC的对象类.h

iOS JS与OC互相调用(JavaScriptCore)_第5张图片


JS调用OC的对象类.m

    对象类准备完毕,先new一个,赋值给JSContext对象即可,完事。JSAndOC类名要与JS端约定好<"javascript:JSAndOC.TestOneParameter('测试')">,block里面的参数即为JS传过来的值。



iOS JS与OC互相调用(JavaScriptCore)_第6张图片

demo源码已上传CocoaChina  http://code.cocoachina.com/view/133245


如果你的才华撑不起你的野心,就静下心来学习学习。


你可能感兴趣的:(iOS JS与OC互相调用(JavaScriptCore))