使用JavaScriptCore实现OC和JS交互详解

2024-02-26 16:59:03 286

JavaScriptCore

JavaScriptCore是webkit的一个重要组成部分，主要是对JS进行解析和提供执行环境。iOS7后苹果在iPhone平台推出，极大的方便了我们对js的操作。

首先创建webView,读取本地的html文件

NSURL*htmlURL=[[NSBundlemainBundle]URLForResource:@"demo"withExtension:@"html"];
[_webViewloadRequest:[NSURLRequestrequestWithURL:htmlURL]];

在demo中，我们要实现4种情况

JS调用OC
JS调用OC并传递参数
OC调用JS
OC调用JS并传递参数

html文件中代码如下





functionshowAlert(){
alert('OCcallJSwithnoargument');
}
functionshowAlertWithString(string){
alert(string);
}
functioncallOCWithArgument(){
jsCallOCWithArgument('参数1','参数2','参数3');
}












jsCallOC
jsCallOCWithArgument

JS调用OC

在webView的代理方法webViewDidFinishLoad中

-(void)webViewDidFinishLoad:(UIWebView*)webView
{

_context=[webViewvalueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
__weaktypeof(self)weakSelf=self;
_context.exceptionHandler=^(JSContext*context,JSValue*exception){
weakSelf.context.exception=exception;
};

//js调用OC
_context[@"callOC"]=^(){
NSArray*args=[JSContextcurrentArguments];
for(JSValue*jsValinargs){
NSLog(@"%@",jsVal.toString);
}
dispatch_async(dispatch_get_main_queue(),^{
UIAlertController*alertView=[UIAlertControlleralertControllerWithTitle:@"arguments"message:@"JSCallOCWithNoArgument"preferredStyle:UIAlertControllerStyleAlert];
UIAlertAction*action=[UIAlertActionactionWithTitle:@"Done"style:UIAlertActionStyleDefaulthandler:^(UIAlertAction*_Nonnullaction){

}];
[alertViewaddAction:action];
[weakSelfpresentViewController:alertViewanimated:YEScompletion:nil];
});
};

_context[@"jsCallOCWithArgument"]=^(){
NSArray*args=[JSContextcurrentArguments];
NSMutableString*stirng=[NSMutableStringstring];
for(JSValue*valueinargs){
[stirngappendString:value.toString];
}
dispatch_async(dispatch_get_main_queue(),^{
UIAlertController*alertView=[UIAlertControlleralertControllerWithTitle:@"arguments"message:stirngpreferredStyle:UIAlertControllerStyleAlert];
UIAlertAction*action=[UIAlertActionactionWithTitle:@"Done"style:UIAlertActionStyleDefaulthandler:^(UIAlertAction*_Nonnullaction){
}];
[alertViewaddAction:action];
[weakSelfpresentViewController:alertViewanimated:YEScompletion:nil];
});
};
}

我们定义一个block，然后保存到context里面，其实就是转换成了JS中命名为callOC的function。然后我们直接执行这个function，调用的就是我们的block里面的内容了。

传过来的参数可以通过[JSContextcurrentArguments]这个array接受，里面是JSValue对象。

OC调用JS

初始化两个Button，在点击事件中实现如下方法

-(IBAction)callJS:(id)sender{
[_contextevaluateScript:@"showAlert()"];
}
-(IBAction)callJSWithArguments:(id)sender{

[_contextevaluateScript:@"showAlertWithString('OCcallJSwitharguments')"];
//[_context[@"showAlertWithString"]callWithArguments:@[@"OCcallJSwitharguments"]];
}

即可实现OC调用JS。

demo已上传，需要的可以点此下载查看。

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。

使用JavaScriptCore实现OC和JS交互详解

热门推荐

随机推荐