ios ——JS 与OC混编

ios7之后，ios中加入了JavaScriptCore框架。该框架让Objective-C和JavaScript代码直接的交互变得更加的简单方便。

一、JSContext 与 JSValue

JSContext是OC与js交互的中间上下文，用于相互转化。
在iOS框架中，凡是带session或者context后缀的，这种类一般自己不干活，作用一般都是两个：1.管理其他类，帮助他们搭建沟通桥梁，好处就是解耦 2.负责帮助我们管理复杂环境下的内存
context与session不同之处是：session一般与硬件打交道，例如摄像头捕捉ARSession，网卡的调用NSURLSession等使用的都是session后缀。没有硬件参与，一般用context，如绘图上下文，自定义转场上下文等。

JSValue则可以说是JavaScript和Object-C值之间互换的桥梁，它提供了多种方法可以方便地把JavaScript数据类型转换成Objective-C，或者是转换过去。

二、OC 调用js代码

JSContext *context = [JSContext new];
JSValue *result = [context evaluateScript:@"1 + 2"];
    NSLog(@"%.2f",[result toDouble]);

三、 OC调用JS 的函数

 //先定义一句js上下文，带有sum函数
    JSContext *context = [JSContext new];
    NSString *js = @"function sum(a,b) {return a+b;}";
    [context evaluateScript:js];

    JSValue *sum = context[@"sum"];
    JSValue *result = [sum callWithArguments:@[@1,@2]];
    NSLog(@"%.2f",[result toDouble]);

四、在OC中js 中报错

如果js代码报错，项目中是无法体现的，所以要进行异常处理

 JSContext *context = [JSContext new];

    context.exceptionHandler = ^(JSContext *context, JSValue *exception) {

        NSLog(@"%@",exception);
    };

    [context evaluateScript:@"a.b = 123"];

五、block 与 js 进行互动

JSContext *context = [JSContext new];

    //block 与 js 进行互动时， block里面不要调用外边oc的变量
    context[@"sum"]=^(int a, int b) {

        //想在这里拿到contextz
        //JSContext *ctx = [JSContext currentContext];

        return a + b;
    };

    JSValue *result = [context evaluateScript:@"sum(1,2)"];
    NSLog(@"%.2f",[result toDouble]);

六、 给js中添加对象

创建Point3D类，利用协议

Point3D.h文件

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

@protocol Point3DExport <JSExport>

@property double x;
@property double y;
@property double z;

-(double)length;

@end


@interface Point3D : NSObject<Point3DExport>{
    JSContext *context;
}

-(id)initWithContext:(JSContext *)ctx;

@end

Point3D.m文件

#import "Point3D.h"

@implementation Point3D

@synthesize z;

@synthesize y;

@synthesize x;

-(id)initWithContext:(JSContext *)ctx{

    if (self =[super init]) {
        context = ctx;
        context[@"Point3D"] = [Point3D new];

    }

    return self;

}

-(double)length {

    return sqrt(self.x * self.x + self.y * self.y + self.z * self.z);
}

@end

调用

JSContext *context = [JSContext new];
    Point3D *point3D = [[Point3D alloc] initWithContext:context];
    point3D.x = 1;
    point3D.y = 2;
    point3D.z = 3;
    context[@"point3D"] = point3D;
    NSString *script = @"point3D.x = 2;point3D.y = 2;point3D.length()";
    JSValue *result = [context evaluateScript:script];
     NSLog(@"%.2f",[result toDouble]);

当执行 context[@”point3D”] = point3D;时，相当于通过OC往js中添加point3D对象，但是js中并没有point3D class，只是把对象塞了过来。

七、OC 调用js 文件

创建test.js

var foo = function(a) {
    return "Hello Oc,I'm foo in JS."+a;
};

function bar(a) {
    return "Hello Oc,I'm bar in JS."+a;
};

foo(123);
bar(123);

console.log(foo(123));

此时console不能打印在xcode控制台
因此要创建Console类来重写打印方法

Console.h

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

@protocol ConsoleExport <JSExport>

- (void)log;

@end

@interface Console : NSObject <ConsoleExport>{

    JSContext *context;
}

-(id)initWithContext:(JSContext *)ctx;

@end

Console.m

#import "Console.h"

@implementation Console 


-(id)initWithContext:(JSContext *)ctx{

    if (self =[super init]) {
        context = ctx;
        context[@"Console"] = [Console new];

    }

    return self;
}

-(void)log {

    //所有的参数的数组
    NSArray *args = [JSContext currentArguments];
    NSLog(@"%@",[args componentsJoinedByString:@","]);
}

@end

调用

JSContext *context = [JSContext new];

    context.exceptionHandler = ^(JSContext *context, JSValue *exception) {

        NSLog(@"%@",exception);
    };

    context[@"console"] = [[Console alloc]initWithContext:context];

    [self loadScriptWithContext:context WithFileName:@"test.js"];

demo代码下载地址