參考原文連結：

http://mp.weixin.qq.com/s?__biz=MzIzMzA4NjA5Mw==&mid=214063688&idx=1&sn=903258ec2d3ae431b4d9ee55cb59ed89#rd

http://www.cocoachina.com/ios/20160127/15105.html

本文介紹：iOS7.0後出來的JavaScriptCore framework的使用。

關於：JavaScriptCore

涉及到的幾種型別。

• JSContext, JSContext是代表JS的執行環境，通過-evaluateScript:方法就可以執行一JS程式碼
• JSValue, JSValue封裝了JS與ObjC中的對應的型別，以及呼叫JS的API等
• JSExport, JSExport是一個協議，遵守此協議，就可以定義我們自己的協議，在協議中宣告的API都會在JS中暴露出來，才能呼叫

1：通過網頁擷取

2：在Objc中通過JSContext注入模型，然後呼叫模型的方法。

以下是大神標哥寫的例子，可以總結為以下五個互動場景。

開始編寫：

1：通過注入模型的方式互動

首先，我們需要先定義一個協議，而且這個協議必須要遵守JSExport協議。

@protocol JavaScriptObjectiveCDelegate <JSExport>

// JS呼叫此方法來呼叫OC的系統相簿方法
- (void)callSystemCamera;
// 在JS中呼叫時，函式名應該為showAlertMsg(arg1, arg2)
// 這裡是只兩個引數的。
- (void)showAlert:(NSString *)title msg:(NSString *)msg;
// 通過JSON傳過來
- (void)callWithDict:(NSDictionary *)params;
// JS呼叫Oc，然後在OC中通過呼叫JS方法來傳值給JS。
- (void)jsCallObjcAndObjcCallJsWithDict:(NSDictionary *)params;

@end
 

接下來，我們還需要定義一個模型：

// 此模型用於注入JS的模型，這樣就可以通過模型來呼叫方法。
@interface HYBJsObjCModel : NSObject <JavaScriptObjectiveCDelegate>

@property (nonatomic, weak) JSContext *jsContext;
@property (nonatomic, weak) UIWebView *webView;

@end

實現這個模型：

@implementation HYBJsObjCModel

- (void)callWithDict:(NSDictionary *)params {
 NSLog(@"Js呼叫了OC的方法，引數為：%@", params);
}

// Js呼叫了callSystemCamera
- (void)callSystemCamera {
 NSLog(@"JS呼叫了OC的方法，調起系統相簿");

 // JS呼叫後OC後，又通過OC呼叫JS，但是這個是沒有傳引數的
 JSValue *jsFunc = self.jsContext[@"jsFunc"];
 [jsFunc callWithArguments:nil];
}

- (void)jsCallObjcAndObjcCallJsWithDict:(NSDictionary *)params {
 NSLog(@"jsCallObjcAndObjcCallJsWithDict was called, params is %@", params);

 // 呼叫JS的方法
 JSValue *jsParamFunc = self.jsContext[@"jsParamFunc"];
 [jsParamFunc callWithArguments:@[@{@"age": @10, @"name": @"lili", @"height": @158}]];
}

- (void)showAlert:(NSString *)title msg:(NSString *)msg {
 dispatch_async(dispatch_get_main_queue(), ^{
   UIAlertView *a = [[UIAlertView alloc] initWithTitle:title message:msg delegate:nil cancelButtonTitle:@"Ok" otherButtonTitles:nil, nil];
   [a show];
 });
}

@end
 

接下來，我們在controller中在webview載入完成的代理中，給JS注入模型。

#pragma mark - UIWebViewDelegate
- (void)webViewDidFinishLoad:(UIWebView *)webView {
 self.jsContext = [webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
 // 通過模型呼叫方法，這種方式更好些。
  HYBJsObjCModel *model  = [[HYBJsObjCModel alloc] init];
 self.jsContext[@"OCModel"] = model;
 model.jsContext = self.jsContext;
 model.webView = self.webView;

 self.jsContext.exceptionHandler = ^(JSContext *context, JSValue *exceptionValue) {
   context.exception = exceptionValue;
   NSLog(@"異常資訊：%@", exceptionValue);
 };
}

我們是通過webView的valueForKeyPath獲取的，其路徑為documentView.webView.mainFrame.javaScriptContext。
這樣就可以獲取到JS的context，然後為這個context注入我們的模型物件。

我們先寫兩個JS方法：

 var jsFunc = function() {
   alert('Objective-C call js to show alert');
 }

 var jsParamFunc = function(argument) {
   document.getElementById('jsParamFuncSpan').innerHTML
   = argument['name'];
 }

這裡我們定義了兩個JS方法，一個是jsFunc，不帶引數。
另一個是jsParamFunc，帶一個引數。

接下來，我們在html中的body中新增以下程式碼：

<div style="margin-top: 100px">
<h1>Test how to use objective-c call js</h1>
<input type="button" value="Call ObjC system camera" onclick="OCModel.callSystemCamera()">
<input type="button" value="Call ObjC system alert" onclick="OCModel.showAlertMsg('js title', 'js message')">
</div>

<div>
<input type="button" value="Call ObjC func with JSON " onclick="OCModel.callWithDict({'name': 'testname', 'age': 10, 'height': 170})">
<input type="button" value="Call ObjC func with JSON and ObjC call js func to pass args." onclick="OCModel.jsCallObjcAndObjcCallJsWithDict({'name': 'testname', 'age': 10, 'height': 170})">
</div>

<div>
<span id="jsParamFuncSpan" style="color: red; font-size: 50px;"></span>
</div>

現在就可以測試程式碼了。

當我們點選第一個按鈕：Call ObjC system camera時，
通過OCModel.callSystemCamera()，就可以在HTML中通過JS呼叫OC的方法。
在OC程式碼中，我們的callSystemCamera方法體中，添加了以下兩行程式碼，就是獲取HTML中所定義的JS就去jsFunc，然後呼叫它。

 JSValue *jsFunc = self.jsContext[@"jsFunc"];
 [jsFunc callWithArguments:nil];

這樣就可以在JS呼叫OC方法時，也讓OC反饋給JS。

看看下面傳字典引數：

- (void)jsCallObjcAndObjcCallJsWithDict:(NSDictionary *)params {
 NSLog(@"jsCallObjcAndObjcCallJsWithDict was called, params is %@", params);

 // 呼叫JS的方法
 JSValue *jsParamFunc = self.jsContext[@"jsParamFunc"];
 [jsParamFunc callWithArguments:@[@{@"age": @10, @"name": @"lili", @"height": @158}]];
}

獲取我們在HTML中定義的jsParamFunc方法，然後呼叫它並傳了一個字典作為引數。

好了，就講這麼多吧，如果想要Demo原始碼，請到
github：https://github.com/CoderJackyHuang/IOSCallJsOrJsCallIOS

想學習Swift版的？請閱讀：
http://mp.weixin.qq.com/s?__biz=MzIzMzA4NjA5Mw==&mid=214070747&idx=1&sn=57b45fa293d0500365d9a0a4ff74a4e1#rd