h5 ios js事件 ios javascriptcore

JavaScriptCore是webkit的一个重要组成部分，主要是对JS进行解析和提供执行环境。后苹果在iPhone平台推出，极大的方便了我们对js的操作。我们可以脱离webview直接运行我们的js。iOS7以前我们对JS的操作只有webview里面一个函数 stringByEvaluatingJavaScriptFromString，JS对OC的回调都是基于URL的拦截进行的操作。大家用得比较多的是WebViewJavascriptBridge和EasyJSWebView这两个开源库，很多混合都采用的这种方式。

使用之前引入#import <JavaScriptCore/JavaScriptCore.h>

JSContext

JS执行的环境，同时也通过JSVirtualMachine管理着所有对象的生命周期，每个JSValue都和JSContext相关联并且强引用context。

JSValue

JS对象在JSVirtualMachine中的一个强引用，其实就是Hybird对象。我们对JS的操作都是通过它。并且每个JSValue都是强引用一个context。同时，OC和JS对象之间的转换也是通过它，

• JSContext的返回结果，他对数据类型进行了封装，并且为JS和OC的数据类型之间的转换提供了方法。

JSManagedValue是JSValue的封装，用它可以解决JS和原生代码之间循环引用的问题

JSVirtualMachine

JS运行的虚拟机，有独立的堆空间和垃圾回收机制。

在创建jscontext的时候，可以传入一个JSVirtualMachine对象，如果没有传入这个对象，会新建一个JSVirtualMachine对象。

JSVirtualMachine主要有3个作用：

1: 支持js并发，多个VM之间的js操作是并发的 1：使用JSVirtualMachine初始化的多个context，可以共享jsvalue对象 2：解决循环引用问题

JSExport

一个协议，如果JS对象想直接调用OC对象里面的方法和属性，那么这个OC对象只要实现这个JSExport协议就可以了。通过实现它可以把一个OC对象暴漏给JS，这样JS就可以调用这个对象暴露的方法。

==============

调用JS============

//注册js方法给Native调用

self.context = [[JSContext alloc] init];
    
    NSString *js =@"function add(a,b) {return a+b}";//js的代码
    
    [self.contextevaluateScript:js];
    
JSValue *n = [self.context[@"add"]callWithArguments:@[@2,@3]];
self.context[@"add"]----获取js的方法，
@[@2,@3]--------给方法传递参数
    
@"---%@",@([n toInt32]));//---5

  //=============JS调用OC====  方法一    ========

self.context = [[JSContextalloc]init];
    注册一个block对象给JS用：
self.context[@"add"] = ^(NSInteger a, NSInteger
NSLog(@"---%@",@(a + b));
    };
    
self.context evaluateScript:@"add(2,3)"];

  //=============JS调用OC====  方法二   ========

self.context = [[JSContextalloc]init];
利用currentArguments获取参数：
self.context[@"log"] = ^() {
NSArray *args = [JSContextcurrentArguments];
for (id objin args) {NSLog(@"%@",obj); }
    };
    
    //使用js调用objc
    [self.contextevaluateScript:@"log('hello,i am js side')"];

//=============JS调用OC====  方法三   ========

    //配合JSExport使用，创建一个协议即成JSExport，然互创建一个类继承JSExport协议，吧属性和方法都写在协议中，

#import <Foundation/Foundation.h>
#import <JavaScriptCore/JavaScriptCore.h>

//定义一个JSExport protocol----方法和属性必须卸载协议中，然后类继承这个协议
@protocol JSExportTest <JSExport>
JSExportAs(add, - (NSInteger)add:(NSInteger)a b:(NSInteger)b);//吧OC的方法取个别名，方便JS调用
@property (nonatomic,assign)NSInteger sum;
@end

@interface JSProtocolObj : NSObject<JSExportTest>

@end

******************

#import "JSProtocolObj.h"
@interface JSProtocolObj()

@end
@implementation JSProtocolObj
//实现协议方法
- (NSInteger)add:(NSInteger)a b:(NSInteger)b
{
return
}
//重写setter方法
- (void)setSum:(NSInteger)sum
{
//_sum = sum;
NSLog(@"等于--%tu",sum);

}

@end

*******************

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController

@end

********************

#import "ViewController.h"
#import "JSProtocolObj.h"
#import <JavaScriptCore/JavaScriptCore.h>

@interface ViewController ()<JSExportTest>
@property(nonatomic,strong)JSContext *context;
@property (nonatomic,strong)JSProtocolObj *obj;

@end

@implementation

- (void)viewDidLoad {
    [superviewDidLoad];
//=============JS调用OC====方法三========
    JSProtocolObj *obj=[[JSProtocolObjalloc]init];
    //创建context
self.context = [[JSContextalloc]init];
    //将obj添加到context中
self.context[@"OCObj"] = obj;
    //JS里面调用Obj方法，并将结果赋值给Obj的sum属性
    [self.contextevaluateScript:@"OCObj.sum = OCObj.add(2,3)"];

//在JS中进行调用这个对象的方法，并将结果赋值sum。唯一要注意的是OC的函数命名和JS函数命名规则问题。协议中定义的是add: b:，但是JS里面方法名字是add(a,b)。可以通过JSExportAs这个宏转换成JS的函数名字
}
@end

===============================

===========================异常处理

//设置异常处理
self.context.exceptionHandler = ^(JSContext *context, JSValue
JSContextcurrentContext].exception
NSLog(@"exception:%@",exception);
    };

//注册js错误处理
- (void)jsExceptionHandler {
self.context.exceptionHandler = ^(JSContext *con, JSValue *exception) {
@"%@", exception);
        con.exception = exception;
    };
}