如何在IOS平台上使用js直接调用OC方法
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在IOS平台上使用js直接调用OC方法相关的知识,希望对你有一定的参考价值。
在Cocos2d-JS v3.0 RC2中,与android上js调用Java一样,Cocos2d-JS也提供了在ios和Mac上js直接调用Objective-C的方法,示例代码如下:1 var ojb = jsb.reflection.callStaticMethod(className, methodNmae, arg1, arg2, .....);
在 jsb.reflection.callStaticMethod 方法中,我们通过传入OC的类名,方法名,参数就可以直接调用OC的静态方法,并且可以获得OC方法的返回值。
类
•参数中的类名,只需要传入OC中的类名即可,与Java不同,类名并不需要路径。比如你在工程底下新建一个类 NativeOcClass ,只要你将他引入工程,那么他的类名就是 NativeOcClass ,你并不需要传入它的路径。
1 import <Foundation/Foundation.h> @interface NativeOcClass : NSObject +( BOOL )callNativeUIWithTitle:(NSString *) title andContent:(NSString *)content; @end
方法
•js到OC的反射仅支持OC中类的静态方法。
•方法名比较要需要注意,我们需要传入完整的方法名,特别是当某个方法带有参数的时候,你需要将他的:也带上。根据上面的例子。此时的方法名字是callNativeUIWithTitle:andContent:,不要漏掉了他们之间的:。
•如果是没有参数的函数,那么他就不需要:,如下代码,他的方法名是 callNativeWithReturnString ,由于没有参数,他不需要:,跟OC的method写法一致。
1 +(NSString *)callNativeWithReturnString;
使用示例
•下面的示例代码将调用上面 NativeOcClass 的方法,在js层我们只需要这样调用:
1234 var ret = jsb.reflection.callStaticMethod( "NativeOcClass" , "callNativeUIWithTitle:andContent:" , "cocos2d-js" , "Yes! you call a Native UI from Reflection" );
•这里是这个方法在OC的实现,可以看到是弹出一个native的对话框。并把 title 和 content 设置成你传入的参数,并返回一个boolean类型的返回值。
123 +( BOOL )callNativeUIWithTitle:(NSString *) title andContent:(NSString *)content UIAlertView *alertView = [[UIAlertView alloc] initWithTitle:title message:content delegate:self cancelButtonTitle:@ "Cancel" otherButtonTitles:@ "OK" , nil]; [alertView show]; return true ;
•此时,你就可以在 ret 中接受到从OC传回的返回值(true)了。
注意
在OC的实现中,如果方法的参数需要使用float、int、bool的,请使用如下类型进行转换:
•float,int 请使用NSNumber类型
•bool请使用BOOL类型。
•例如下面代码,我们传入2个浮点数,然后计算他们的合并返回,我们使用NSNumber而不是int、float去作为参数类型。
1 +( float ) addTwoNumber:(NSNumber *)num1 and:(NSNumber *)num2 float result = [num1 floatValue]+[num2 floatValue]; return result;
•目前参数和返回值支持 int, float, bool, string,其余的类型暂时不支持。 参考技术A 使用示例:
下面的示例代码将调用上面NativeOcClass的方法,在js层只需要这样调用:
var ret = jsb.reflection.callStaticMethod("NativeOcClass",
"callNativeUIWithTitle:andContent:",
"cocos2d-js",
"Yes! you call a Native UI from Reflection");
这里是这个方法在OC的实现,可以看到是弹出一个native的对话框。并把title和content设置成传入的参数,并返回一个boolean类型的返回值。
+(BOOL)callNativeUIWithTitle:(NSString *) title andContent:(NSString *)content
UIAlertView *alertView = [[UIAlertView alloc] initWithTitle:title message:content delegate:self cancelButtonTitle:@"Cancel" otherButtonTitles:@"OK", nil];
[alertView show];
return true;
此时,就可以在ret中接受到从OC传回的返回值(true)了。
注意:
在OC的实现中,如果方法的参数需要使用float、int、bool的,请使用如下类型进行转换:
float,int 请使用NSNumber类型
bool请使用BOOL类型。
例如下面代码,传入2个浮点数,然后计算他们的合并返回,使用NSNumber而不是int、float去作为参数类型。
+(float) addTwoNumber:(NSNumber *)num1 and:(NSNumber *)num2
float result = [num1 floatValue]+[num2 floatValue];
return result;
iOS js oc相互调用(JavaScriptCore)
上节地址 http://blog.csdn.net/lwjok2007/article/details/47058101
接着上节我们讲到的iOS调用js
下来我们使用js调用iOS
js调用iOS分两种情况
一,js里面直接调用方法
二,js里面通过对象调用方法
首先我们看第一种,直接调用方法。
当中用到了iOS的block
上代码
-(void)webViewDidFinishLoad:(UIWebView *)webView { //网页载入完毕调用此方法 //iOS调用js //首先创建JSContext 对象(此处通过当前webView的键获取到jscontext) JSContext *context=[webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"]; //js调用iOS //第一种情况 //当中test1就是js的方法名称,赋给是一个block 里面是iOS代码 //此方法终于将打印出全部接收到的參数。js參数是不固定的 我们測试一下就知道 context[@"test1"] = ^() { NSArray *args = [JSContext currentArguments]; for (id obj in args) { NSLog(@"%@",obj); } }; //此处我们没有写后台(可是前面我们已经知道iOS是能够调用js的。我们模拟一下) //首先准备一下js代码,来调用js的函数test1 然后运行 //一个參数 NSString *[email protected]"test1(‘參数1‘)"; [context evaluateScript:jsFunctStr]; //二个參数 NSString *[email protected]"test1(‘參数a‘,‘參数b‘)"; [context evaluateScript:jsFunctStr1]; }
以上代码中 给test1赋值的block要是运行了那么结果就是对的,js调用了iOS
我们看结果
我们看到參数被打印出来了。并且一个參数和两个參数都能够,也符合js參数个数不限制
下来我们看另外一种情况 就是js 中是通过一个对象来调用方法的。
此处略微复杂一点我们须要使用到
JSExport
凡事加入了JSExport协议的协议,所规定的方法,变量等 就会对js开放,我们能够通过js调用到
假设js是一个參数或者没有參数的话 就比較简单,我们的方法名和js的方法名保持一致就可以
比方: js方法为
testobject.TestOneParameter(‘參数1‘)那么 我们在oc中加入的代理方法就为
-(void)TestOneParameter:(NSString *)message;
假设js是多个參数的话 我们代理方法的全部变量前的名字连起来要和js的方法名字一样
比方: js方法为
testobject.TestTowParameterSecondParameter(‘參数A‘,‘參数B‘)他有两个參数 那么我们的代理方法 就是把js的方法名 TestTowParameterSecondParameter 随意拆分成两段作为代理方法名(此处我们拆分为 TestTowParameter 和 SecondParameter ) 那么我们的代理方法就是
-(void)TestTowParameter:(NSString *)message1 SecondParameter:(NSString *)message2;我们看代理方法有两个变量别名
TestTowParameter 和 SecondParameter
他两个拼接起来就刚好是我们js的方法名
此处有点绕。我们直接看代码
首先创建一个类 继承NSObject 而且规定一个协议
#import <Foundation/Foundation.h> #import <JavaScriptCore/JavaScriptCore.h> //首先创建一个实现了JSExport协议的协议 @protocol TestJSObjectProtocol <JSExport> //此处我们測试几种參数的情况 -(void)TestNOParameter; -(void)TestOneParameter:(NSString *)message; -(void)TestTowParameter:(NSString *)message1 SecondParameter:(NSString *)message2; @end //让我们创建的类实现上边的协议 @interface TestJSObject : NSObject<TestJSObjectProtocol> @end
类的实现
#import "TestJSObject.h" @implementation TestJSObject //一下方法都是仅仅是打了个log 等会看log 以及參数能对上就说明js调用了此处的iOS 原生方法 -(void)TestNOParameter { NSLog(@"this is ios TestNOParameter"); } -(void)TestOneParameter:(NSString *)message { NSLog(@"this is ios TestOneParameter=%@",message); } -(void)TestTowParameter:(NSString *)message1 SecondParameter:(NSString *)message2 { NSLog(@"this is ios TestTowParameter=%@ Second=%@",message1,message2); } @end
以下我们在weibview载入完毕之后调用測试一下
代码例如以下:
-(void)webViewDidFinishLoad:(UIWebView *)webView { //网页载入完毕调用此方法 //首先创建JSContext 对象(此处通过当前webView的键获取到jscontext) JSContext *context=[webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"]; //另外一种情况,js是通过对象调用的。我们如果js里面有一个对象 testobject 在调用方法 //首先创建我们新建类的对象。将他赋值给js的对象 TestJSObject *testJO=[TestJSObject new]; context[@"testobject"]=testJO; //相同我们也用刚才的方式模拟一下js调用方法 NSString *[email protected]"testobject.TestNOParameter()"; [context evaluateScript:jsStr1]; NSString *[email protected]"testobject.TestOneParameter(‘參数1‘)"; [context evaluateScript:jsStr2]; NSString *[email protected]"testobject.TestTowParameterSecondParameter(‘參数A‘,‘參数B‘)"; [context evaluateScript:jsStr3]; }
结果例如以下图
好了 我们看到了结果 三个方法都调用了
ok两种方式都完毕了
源码我们上传到群空间[TestJSOC.zip]有须要的去下载
苹果开发群 :414319235 欢迎增加 欢迎讨论问题
以上是关于如何在IOS平台上使用js直接调用OC方法的主要内容,如果未能解决你的问题,请参考以下文章
iOS JS 交互之利用系统JSContext实现 JS调用oc方法