iOS js oc相互調用（JavaScriptCore）（二）

標籤：

http://blog.csdn.net/lwjok2007/article/details/47058795

 

上節地址 http://blog.csdn.net/lwjok2007/article/details/47058101

接著上節我們講到的iOS調用js

下來我們使用js調用iOS

js調用iOS分兩種情況

一，js裡面直接調用方法

二，js裡面通過對象調用方法

 

首先我們看第一種，直接調用方法。

其中用到了iOS的block

 

上代碼

 

 

[objc] view plaincopy

1. -(void)webViewDidFinishLoad:(UIWebView *)webView  
2. {  
3.     //網頁載入完成調用此方法  
4.       
5.     //iOS調用js  
6.       
7.     //首先建立JSContext 對象（此處通過當前webView的鍵擷取到jscontext）  
8.     JSContext *context=[webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];  
9.     
10.     //js調用iOS  
11.     //第一種情況  
12.     //其中test1就是js的方法名稱，賦給是一個block 裡面是iOS代碼  
13.     //此方法最終將列印出所有接收到的參數，js參數是不固定的 我們測試一下就知道  
14.     context[@"test1"] = ^() {  
15.         NSArray *args = [JSContext currentArguments];  
16.         for (id obj in args) {  
17.             NSLog(@"%@",obj);  
18.         }  
19.     };  
20.     //此處我們沒有寫後台（但是前面我們已經知道iOS是可以調用js的，我們類比一下）  
21.     //首先準備一下js代碼，來調用js的函數test1 然後執行  
22.     //一個參數  
23.     NSString *jsFunctStr=@"test1(‘參數1‘)";  
24.     [context evaluateScript:jsFunctStr];  
25.       
26.     //二個參數  
27.     NSString *jsFunctStr1=@"test1(‘參數a‘,‘參數b‘)";  
28.     [context evaluateScript:jsFunctStr1];  
29.       
30. }  

以上代碼中 給test1賦值的block要是執行了那麼結果就是對的，js調用了iOS

 

我們看結果

 

我們看到參數被列印出來了，而且一個參數和兩個參數都可以，也符合js參數個數不限制

 

 

下來我們看第二種情況 就是js 中是通過一個對象來調用方法的。

此處稍微複雜一點我們需要使用到

JSExport

凡事添加了JSExport協議的協議，所規定的方法，變數等 就會對js開放，我們可以通過js調用到

此處有點繞。我們直接看代碼

首先建立一個類 繼承NSObject 並且規定一個協議

 

[objc] view plaincopy

1. #import <Foundation/Foundation.h>  
2. #import <JavaScriptCore/JavaScriptCore.h>  
3.   
4. //首先建立一個實現了JSExport協議的協議  
5. @protocol TestJSObjectProtocol <JSExport>  
6.   
7. //此處我們測試幾種參數的情況  
8. -(void)TestNOParameter;  
9. -(void)TestOneParameter:(NSString *)message;  
10. -(void)TestTowParameter:(NSString *)message1 SecondParameter:(NSString *)message2;  
11.   
12. @end  
13.   
14. //讓我們建立的類實現上邊的協議  
15. @interface TestJSObject : NSObject<TestJSObjectProtocol>  
16.   
17. @end  

類的實現

 

 

[objc] view plaincopy

1. #import "TestJSObject.h"  
2.   
3. @implementation TestJSObject  
4.   
5. //一下方法都是只是打了個log 等會看log 以及參數能對上就說明js調用了此處的iOS 原生方法  
6. -(void)TestNOParameter  
7. {  
8.     NSLog(@"this is ios TestNOParameter");  
9. }  
10. -(void)TestOneParameter:(NSString *)message  
11. {  
12.     NSLog(@"this is ios TestOneParameter=%@",message);  
13. }  
14. -(void)TestTowParameter:(NSString *)message1 SecondParameter:(NSString *)message2  
15. {  
16.    NSLog(@"this is ios TestTowParameter=%@  Second=%@",message1,message2);  
17. }  
18. @end  

 

 

下面我們在weibview載入完成之後調用測試一下

 

代碼如下：

 

[objc] view plaincopy

1. -(void)webViewDidFinishLoad:(UIWebView *)webView  
2. {  
3.     //網頁載入完成調用此方法  
4.       
5.     //首先建立JSContext 對象（此處通過當前webView的鍵擷取到jscontext）  
6.     JSContext *context=[webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];  
7.       
8.     //第二種情況，js是通過對象調用的，我們假設js裡面有一個對象 testobject 在調用方法  
9.     //首先建立我們建立類的對象，將他賦值給js的對象  
10.       
11.     TestJSObject *testJO=[TestJSObject new];  
12.     context[@"testobject"]=testJO;  
13.       
14.     //同樣我們也用剛才的方式類比一下js調用方法  
15.     NSString *jsStr1=@"testobject.TestNOParameter()";  
16.     [context evaluateScript:jsStr1];  
17.     NSString *jsStr2=@"testobject.TestOneParameter(‘參數1‘)";  
18.     [context evaluateScript:jsStr2];  
19.     NSString *jsStr3=@"testobject.TestTowParameterSecondParameter(‘參數A‘,‘參數B‘)";  
20.     [context evaluateScript:jsStr3];  
21.       
22. }  

 

結果如

 

好了 我們看到了結果 三個方法都調用了 

ok兩種方式都完成了

 

原始碼我們上傳到群空間[TestJSOC.zip]有需要的去下載

iOS js oc相互調用（JavaScriptCore）（二）