面试IOS理论知识vue.js

JS中通过一个对象来iOS调用方法-JSExport

2016-04-11  本文已影响4260人  只为此心无垠

凡事添加了JSExport协议的协议,所规定的方法变量等,就会对js开放,我们可以通过js调用到

-(void)TestOneParameter:(NSString *)message;

testobject.TestTowParameterSecondParameter('参数A','参数B')

他有两个参数 那么我们的代理方法 就是把js的方法名 TestTowParameterSecondParameter 任意拆分成两段作为代理方法名(此处我们拆分为 TestTowParameter 和 SecondParameter ) 那么我们的代理方法就是

-(void)TestTowParameter:(NSString *)message1 SecondParameter:(NSString *)message2;

首先创建一个类 继承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 *jsStr1=@"testobject.TestNOParameter()";  
[context evaluateScript:jsStr1];  
NSString *jsStr2=@"testobject.TestOneParameter('参数1')";  
[context evaluateScript:jsStr2];  
NSString *jsStr3=@"testobject.TestTowParameterSecondParameter('参数A','参数B')";  
[context evaluateScript:jsStr3];  

}

结果如下图


上一篇下一篇

猜你喜欢

热点阅读