JS方法与OC方法相互调用

JavaScript014

JS方法与OC方法相互调用,第1张

1 利用JSContext

1 在webViewDidFinishLoad方法里，通过当前webView的键获取到jscontext

2 将context对象与js方法建立桥接联系，

2 利用WKWebView的新特性MessageHandler来实现JS调用原生方法。

2.1 MessageHandler 是什么？

WKWebView 初始化时，有一个参数叫configuration，它是WKWebViewConfiguration类型的参数，而WKWebViewConfiguration有一个属性叫userContentController，它又是WKUserContentController类型的参数。

WKUserContentController对象有一个方法- addScriptMessageHandler:name:，

我把这个功能简称为MessageHandler。

2.2 怎么使用MessageHandler？

a 创建WKWebViewConfiguration对象，配置各个API对应的MessageHandler。WKUserContentController对象可以添加多个scriptMessageHandler。

2.3 处理HTML中JS调用

1.js调用OC WKScriptMessageHandler协议 js注入

2.JS调用OC方法。WKNavigationDelegate协议拦截

pragma mark - WKNavigationDelegate

3.js调用OC的弹出框， WKUIDelegate协议

//web界面中有弹出警告框时调用

2.OC调用js注入方法。 WKUserScript

2.1.OC调用js注入方法 evaluateJavaScript:completionHandler

https://www.jianshu.com/p/5cf0d241ae12/

https://www.jianshu.com/p/e23aa25d7514

https://www.jianshu.com/p/7a1fceae5880

在Cocos2d-JS v3.0 RC2中，与Android上js调用Java一样，Cocos2d-JS也提供了在iOS和Mac上js直接调用Objective-C的方法，示例代码如下：

var ojb = jsb.reflection.callStaticMethod(className, methodNmae, arg1, arg2, .....)

在jsb.reflection.callStaticMethod方法中，我们通过传入OC的类名，方法名，参数就可以直接调用OC的静态方法，并且可以获得OC方法的返回值。

类

参数中的类名，只需要传入OC中的类名即可，与Java不同，类名并不需要路径。比如你在工程底下新建一个类NativeOcClass，只要你将他引入工程，那么他的类名就是NativeOcClass，你并不需要传入它的路径。

import <Foundation/Foundation.h>

@interface NativeOcClass : NSObject

+(BOOL)callNativeUIWithTitle:(NSString *) title andContent:(NSString *)content

@end

方法

js到OC的反射仅支持OC中类的静态方法。

方法名比较要需要注意，我们需要传入完整的方法名，特别是当某个方法带有参数的时候，你需要将他的:也带上。根据上面的例子。此时的方法名字是callNativeUIWithTitle:andContent:，不要漏掉了他们之间的:。

如果是没有参数的函数，那么他就不需要:,如下代码，他的方法名是callNativeWithReturnString，由于没有参数，他不需要:，跟OC的method写法一致。

+(NSString *)callNativeWithReturnString

使用示例

下面的示例代码将调用上面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

}

目前参数和返回值支持 int, float, bool, string，其余的类型暂时不支持。