javaScriptCore 实战与小结
源码在这,看不懂的直接撸源码就行,转载声明出处
- 原生调用JS的大致流程,做了个思维简图
![](http://upload-images.jianshu.io/upload_images/904629-1ffb8204c6dec678.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
这是代码流程
// JS数据 func getJSVar() { let context: JSContext = JSContext() //定义JS环境 let result1: JSValue = context.evaluateScript("1 + 1") //执行JS代码 print(result1) // 输出2 // 定义js变量和函数 context.evaluateScript("function sum(param1, param2) { return param1 + param2; }") //通过下标来获取js方法并调用方法 let pp_func = context.objectForKeyedSubscript("sum") let result = pp_func?.call(withArguments: [10,10]).toString() print(result!) //输出20 //下标获取js数组的值 context.evaluateScript("var names = ['vincen1', 'vincen2', 'vincen3']") let names = context.objectForKeyedSubscript("names") let name = names?.objectAtIndexedSubscript(0).toString() print(name ?? "空值处理") //输出 Grace }
- 重点是JS调用原生,看流程图
![](http://upload-images.jianshu.io/upload_images/904629-1f1c4a009898558b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
闭包绑定用的不多,这里就不做阐述,有兴趣的自己去看
这里只说JSExport协议方法
声明一个类,用来处理协议方法
import UIKit import JavaScriptCore @objc protocol swiftDelegate : JSExport { func wxPay(_ orderNo: String) //这里的方法与JS调用名相同 func wxShare(_ dict: [String : AnyObject]) func showDMessage(_ dict1:[String : String], _ dict2 : String) // js调用App的功能后 App再调用js函数执行回调 func callHandler(_ handleFuncName: String) } @objc class javaScriptModel: NSObject ,swiftDelegate { weak var controller: UIViewController? weak var jsContext: JSContext? func wxPay(_ orderNo: String) { // print("订单号:", orderNo) showDialog("", message: "获取到订单号\(orderNo),调用微信支付") // 调起微信支付逻辑 } func showDMessage(_ dict1: [String : String], _ dict2: String) { showDialog("", message:"我是第一个字典\(dict1)-----我是第二个字符串\(dict2)") } func wxShare(_ dict: [String : AnyObject]) { showDialog("", message: "获取到分享的字典\(dict),调用微信支付") } func callHandler(_ handleFuncName: String) { let jshandFunc = jsContext?.objectForKeyedSubscript("\(handleFuncName)") let dict = ["name" : "pp"] as [String : Any] jshandFunc?.call(withArguments: [dict]) } func showDialog(_ title: String, message: String) { let alert = UIAlertController(title: title, message: message, preferredStyle: .alert) alert.addAction(UIAlertAction(title: "确定", style: .default, handler: nil)) controller?.present(alert, animated: true, completion: nil) } }
然后在VC中的webview中代理方法中注入模型
//webview代理中,绑定原生协议方法 func webViewDidFinishLoad(_ webView: UIWebView) { pp_jsContext = webView.value(forKeyPath: "documentView.webView.mainFrame.javaScriptContext") as! JSContext let model = javaScriptModel() model.controller = self model.jsContext = pp_jsContext // 这一步是将SwiftJavaScriptModel模型注入到JS中,在JS就可以通过WebViewJSBridge调用我们暴露的方法了。 pp_jsContext.setObject(model, forKeyedSubscript: "WebViewJSBridge" as (NSCopying & NSObjectProtocol)!) // pp_jsContext.exceptionHandler = { (context, exception) in //打印异常 print("exception:", exception) } }
到这里基本上完成了,有不足的地方欢迎指正。