JSCore swift-CSDN博客

2019独角兽企业重金招聘Python工程师标准>>>

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))
        }

2、swift调用JS方法

        //获取当前网页上下文
        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是引用计数。如果双方相互引用，会造成循环引用，而导致内存泄露。