Call native objective methods from JavaScript using JavaScript core framework

Question

Suppose I have three classes.

A view controller with a button present on it.
JavaScript file with some JavaScript methods.
Model objective class with some methods of calling web-service.

When I press button on view controller, it calls .js (JavaScript file) and in return .js file calls methods from model class.

I just want to know if it is possible using JavaScript core framework without using web view.

Community · Accepted Answer · 2017-05-23 12:22:42Z

6

The Objective-C interface in the JavascriptCore framework introduced with iOS 7 / OS X 10.9 permits calling Objective-C methods from Javascript and calling Javascript functions from Objective-C. Both of these scenarios can occur without involving a webview. For a great intro to these features, check out the 2013 WWDC introduction "Integrating JavaScript into Native Apps" session on Apple's developer network: https://developer.apple.com/videos/wwdc/2013/?id=615

Below is a simple example. You can also create more sophisticated examples that directly expose existing methods via the JSExport protocol (see the pdf/video above).

myJavascript.js:

function myJavascriptFn(arg) {
    myObjC_callback(arg); // Call Objective C code
}

myView.m:

#import <JavaScriptCore/JavaScriptCore.h>

....

javascriptContext  = [[JSContext alloc] init]; // Create a standalone javascript VM and context.

// Load the javascript file into the VM
NSURL *scriptURL = [NSURL URLWithString:@"path/to/myJavascript.js"];
NSError *error = nil;
NSString *script = [NSString stringWithContentsOfURL:scriptURL encoding:NSUTF8StringEncoding error:&error];
[javascriptContext evaluateScript:script];

// Set up calling an Objective-C callback for Javascript to use
javascriptContext[@"myObjC_callback"] = ^(NSString *arg) {
    NSLog(@"Calling someObjectiveCMethod from javascript.  Passed arg is:%@", arg);
    [self someObjectiveCMethod:arg];
}

// Call javascript from Objective C
JSValue *myJavascript_callback = javascriptContext[@"myJavascriptFn"];
[myJavascript_callback callWithArguments:@[@"test arg"]];

The JavascriptCore framework also provides built-in conversion between common Objective-C types and Javascript types. See my answer to How is an ObjC JS bridge translated? for more details.

edited May 23, 2017 at 12:22

CommunityBot

11 silver badge

answered May 7, 2014 at 13:11

Mike

3,7421 gold badge30 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

vivek_ios Over a year ago

Mike, suppose if i have two or three functions in one myJavascript.js file , then how can i select individual functions. Because if we provide the path for a .js file, then complete file is read in one go. Any suggestions if you can provide on this.

Mike Over a year ago

You can include as many javascript functions as you want in your myJavascript.js file. Once it has been loaded and evaluated by [javascriptContext evaluateScript:script] then individual functions are accessed from Objective-C by JSValue *myFn1 = javascriptContext[@"myFn1"]; [myFn1 callWithArguments:myArrayOfArgs]; and JSValue *myFn2 = javascriptContext[@"myFn2"]; [myFn2 callWithArguments:myArrayOfArgs2]; where your functions are called myFn1 and myFn2 in javascript

Collectives™ on Stack Overflow

Call native objective methods from JavaScript using JavaScript core framework

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related