Jscore 提供了强大的JS处理能力,是的native和js直接可以相互调用
1、swift执行js
let path = Bundle.main.path(forResource: "test.html",ofType: nil) let url = URL(fileURLWithPath: path!) //创建上下文 let context = JSContext() //设置异常处理 context?.exceptionHandler = { c,v in print("出错了。。。。") } //执行js let jsVal = context?.evaluateScript("1+2") print(jsVal?.toNumber())//会打印 3
同时,他还可以存储js对象,然后取出
//设置一个数组 let jsVal = context?.evaluateScript("var a = [1,2,3]") //根据名字取出对象 if let v = context?.objectForKeyedSubscript("a") { //可以根据下标取值 print("a=",v.atIndex(0)) }
//获取当前网页上下文 self.context = webView.value(forKeyPath: "documentView.webView.mainFrame.javaScriptContext") as! JSContext //根据网页中JS函数的名字获取JS方法 /** js方法: function swiftToJS(some) { alert("swiftToJS"); alert(some) } */ let jsFunc = context?.objectForKeyedSubscript("swiftToJS") //调用,传参(这里传入的是一个数组) jsFunc?.call(withArguments: ["111"])
3、js调用swift方法
这里就不能直接调用了,需要我们特殊处理,它提供了一个协议JSExport,如果我们想要js调用swift中方法,需要我们自己把这个方法添加到该协议中,然后再去实现这个方法,最后将实现方法的对象与当前页面上下文绑定
设置协议:
import Foundation import JavaScriptCore //定义协议,继承自JSExport //需要添加 @objc @objc protocol TestProtocol: JSExport { func testA() func testB(_ s: String) -> String func testC(_ o: Any) -> Any func testD(_ f: JSValue)//js向swift传递回调函数 } //实现一个类,实现该协议 //需要添加 @objc,且继承NSObject @objc class TestDelegate: NSObject,TestProtocol { func testA() { print("testA被调用。。。") } //注意参数名 _ ,把参数名省略,否则会与js方法对应不上 func testB(_ s: String) -> String { print("testB被调用。。。参数:\(s)") return "哈哈哈B" } //传入参数:可以为 JS对象 //返回值:不可为OC对象,可以为字典 func testC(_ o: Any) -> Any { print("testC被调用。。。参数:\(o)") let p = o as? [String: Any] print("p.name",p?["name"]) return ["pname": "我的名字"] } //参数: JS函数对象 func testD(_ f: JSValue) { print("testD被调用。。。参数:\(f)") var json = [String: Any]() json["name"] = "小码" json["age"] = 100 f.call(withArguments: [json]) } }
调用:
//在代理方法里面设置 func webViewDidFinishLoad(_ webView: UIWebView) { //获取网页上下文(固定写法) self.context = webView.value(forKeyPath: "documentView.webView.mainFrame.javaScriptContext") as! JSContext //创建一个实现协议的对象,js调用的方法将会在里面执行 let model = TestDelegate() //绑定到上下文,设置一个名字,将来js使用这个名字来调用方法 context.setObject(model,forKeyedSubscript: "WebViewJavascriptBridge" as (NSCopying & NSObjectProtocol)!) //出错处理 context.exceptionHandler = { c,v in print("出错了。。。。。。") } print("加载完成") }
现在一切准备好了,就等JS来调用了,js调用方法:根据绑定时设置的名字“WebViewJavascriptBridge”打点来调用
<script> function btnClickA() { WebViewJavascriptBridge.testA(); } function btnClickB() { let result = WebViewJavascriptBridge.testB(); alert(result) } function btnClickC(){ let p = Parent() //可向swift中传参(字典,js对象,字符串,int,数组等) //可以获取到swift中执行的返回结果(但返回结果不可以为OC的自定义对象,可以为字典等常规对象) let result = WebViewJavascriptBridge.testC(p); alert(result["pname"])//alert(result.pname) } function btnClickD(json){ //可以将JS函数传入,在swift内执行该回调函数(执行时可向内传参) WebViewJavascriptBridge.testD(btnClickDCallBack); } function btnClickDCallBack(){ alert("btnClickDCallBack") } </script>
Jscore 与 swift/OC类型对应
使用注意:需要注意闭包的循环引用,
a、不要再闭包内部直接使用context对象和外部的JSValue对象,应该将其当做参数传入或者使用JSContext.current()来获取
b、不要用OC属性直接存贮JSValue对象,可以使用JSManagedValue来辅助存储
JS内存管理是垃圾回收,并且JS中的对象都是强引用,而OC是引用计数。如果双方相互引用,会造成循环引用,而导致内存泄露。
以上是Jscore的基本使用,比较简单
原文链接:https://www.f2er.com/swift/322062.html