JSCore swift

前端之家收集整理的这篇文章主要介绍了JSCore swift前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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是引用计数。如果双方相互引用,会造成循环引用,而导致内存泄露。

以上是Jscore的基本使用,比较简单

原文链接:https://www.f2er.com/swift/322062.html

猜你在找的Swift相关文章