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的基本使用,比较简单

JSCore swift的更多相关文章

  1. html5利用canvas实现颜色容差抠图功能

    这篇文章主要介绍了html5利用canvas实现颜色容差抠图功能,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

  2. html5 拖拽及用 js 实现拖拽功能的示例代码

    这篇文章主要介绍了html5 拖拽及用 js 实现拖拽,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  3. 详解如何通过H5(浏览器/WebView/其他)唤起本地app

    这篇文章主要介绍了详解如何通过H5(浏览器/WebView/其他)唤起本地app的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  4. Canvas图片分割效果的实现

    这篇文章主要介绍了Canvas图片分割效果的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  5. HTML5 Canvas实现放大镜效果示例

    这篇文章主要介绍了HTML5 Canvas实现放大镜效果示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  6. Html5 Canvas实现图片标记、缩放、移动和保存历史状态功能 (附转换公式)

    这篇文章主要介绍了Html5 Canvas实现图片标记、缩放、移动和保存历史状态功能 (附转换公式),本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  7. amaze ui 的使用详细教程

    这篇文章主要介绍了amaze ui 的使用详细教程,本文通过多种方法给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  8. html5如何在Canvas中实现自定义路径动画示例

    本篇文章主要介绍了html5如何在Canvas中实现自定义路径动画示例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  9. canvas实现圆形进度条动画的示例代码

    这篇文章主要介绍了canvas实现圆形进度条动画的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  10. 教你使用Canvas处理图片的方法

    本篇文章主要介绍了教你使用Canvas处理图片的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

随机推荐

  1. Swift UITextField,UITextView,UISegmentedControl,UISwitch

    下面我们通过一个demo来简单的实现下这些控件的功能.首先,我们拖将这几个控件拖到storyboard,并关联上相应的属性和动作.如图:关联上属性和动作后,看看实现的代码:

  2. swift UISlider,UIStepper

    我们用两个label来显示slider和stepper的值.再用张图片来显示改变stepper值的效果.首先,这三个控件需要全局变量声明如下然后,我们对所有的控件做个简单的布局:最后,当slider的值改变时,我们用一个label来显示值的变化,同样,用另一个label来显示stepper值的变化,并改变图片的大小:实现效果如下:

  3. preferredFontForTextStyle字体设置之更改

    即:

  4. Swift没有异常处理,遇到功能性错误怎么办?

    本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请发送邮件至dio@foxmail.com举报,一经查实,本站将立刻删除。

  5. 字典实战和UIKit初探

    ios中数组和字典的应用Applicationschedule类别子项类别名称优先级数据包contactsentertainment接触UIKit学习用Swift调用CocoaTouchimportUIKitletcolors=[]varbackView=UIView(frame:CGRectMake(0.0,0.0,320.0,CGFloat(colors.count*50)))backView

  6. swift语言IOS8开发战记21 Core Data2

    上一话中我们简单地介绍了一些coredata的基本知识,这一话我们通过编程来实现coredata的使用。还记得我们在coredata中定义的那个Model么,上面这段代码会加载这个Model。定义完方法之后,我们对coredata的准备都已经完成了。最后强调一点,coredata并不是数据库,它只是一个框架,协助我们进行数据库操作,它并不关心我们把数据存到哪里。

  7. swift语言IOS8开发战记22 Core Data3

    上一话我们定义了与coredata有关的变量和方法,做足了准备工作,这一话我们来试试能不能成功。首先打开上一话中生成的Info类,在其中引用头文件的地方添加一个@objc,不然后面会报错,我也不知道为什么。

  8. swift实战小程序1天气预报

    在有一定swift基础的情况下,让我们来做一些小程序练练手,今天来试试做一个简单地天气预报。然后在btnpressed方法中依旧增加loadWeather方法.在loadWeather方法中加上信息的显示语句:运行一下看看效果,如图:虽然显示出来了,但是我们的text是可编辑状态的,在storyboard中勾选Editable,再次运行:大功告成,而且现在每次单击按钮,就会重新请求天气情况,大家也来试试吧。

  9. 【iOS学习01】swift ? and !  的学习

    如果不初始化就会报错。

  10. swift语言IOS8开发战记23 Core Data4

    接着我们需要把我们的Rest类变成一个被coredata管理的类,点开Rest类,作如下修改:关键字@NSManaged的作用是与实体中对应的属性通信,BinaryData对应的类型是NSData,CoreData没有布尔属性,只能用0和1来区分。进行如下操作,输入类名:建立好之后因为我们之前写的代码有些地方并不适用于coredata,所以编译器会报错,现在来一一解决。

返回
顶部