JavaScriptCore和UIWebView一起使用的时候，调用js的Alert()方法，造成UI界面停止响应

2016年12月03日星期六

• 今天在使用JavaScriptCore和UIWebView交互使用的时候，出现了非常奇怪的问题。
  问题如下面所叙：
  • 我在JS->OC->JS的最后一步：OC->JS的时候，出现了问题。之前我没有调用alert()方法，用js作个弹出框来显示JS传给OC后，OC操作后的数据通过，OC->JS来完成在js中以弹出框来显示。
    代码顺序如下：

• js

function showSelect(){
                    var selectParams = {
                        title : "提示标题",//提示标题
                        list : new Array("选项一","选项二","6666","哈哈哈"),//选择列表
                        buttonA : "确定",
                        buttonB : "取消",
                        buttonOnclick : function(data){
                            //列表选择结果
                            alert(data);
                            document.getElementById("result").innerText = data;
                        }};
                    ddd.webview.showListSelect(selectParams);

• OC

dispatch_async(dispatch_get_main_queue(), ^{
    JSValue *yx =  self.jsContext[@"ddd"];
    JSValue *webview = yx[@"webview"];
    JSValue *commonButtonOnClickLinstener = webview[@"commonButtonOnClickListener"];
    [commonButtonOnClickLinstener[@"buttonOnclick"] callWithArguments:@[@"ddd"]];
    });

• 在OC中回调的时候，没有在主线程操作的话，整个UI界面会停留在，JS弹出框出来之前的界面，界面平静的没有一丝波纹。

• 在使用了主线程之后，UI界面就跟一个癞蛤蟆一样，你碰一下就动一下。UI界面停止在JS弹出框出来的界面(哟呵)。

• 查看了一下，百度，呵呵哒，除了简单的介绍如何让你javascriptcore入门，讲解的稍微深点的，都是非常少。

• 在stack overflow上找了半天 终于寻到了一丝头绪。是线程的问题，不知道是阻塞了主线程还是子线程被阻塞了，反正在你回调js的那一刻，就是有问题。具体是什么问题，我也不好揣测，毕竟才疏学浅。

• 但是经过检测，把解决方案试了出来。

-(void)DelegateFunc:(NSString *)str{//某个代理回调函数(模拟一下)
 [self performSelectorOnMainThread:@selector(ddd) withObject:nil waitUntilDone:NO];
}

-(void)ddd{
    JSValue *yx =  self.jsContext[@"ddd"];
    JSValue *webview = yx[@"webview"];
    JSValue *commonButtonOnClickLinstener = webview[@"commonButtonOnClickListener"];
    [commonButtonOnClickLinstener[@"buttonOnclick"] callWithArguments:@[@"ddd"]];
}

• 这样执行下来就算是让他们继续工作了。
  当然这里贴一下 [self performSelectorOnMainThread:@selector(ddd) withObject:nil waitUntilDone:NO] 中waitUntilDone参数设定的功效：
  • YES: 等ddd()方法执行完成后，子线程才会继续执行后面的代码。
  • NO: 不用等待等待ddd()方法执行完成后，直接执行后面的代码。
    (2017-4-13日补充：这个的意思是把任务放在主线程上执行。错啦?)

2018-3-06日补充:回到webView的线程去调用

(callWithArguments就不会崩溃（因为js和oc绑定的函数，在函数里执行的代码不是在主线程里执行的）。
模拟代码：

///假设这个函数是和js的test函数绑定的。如果监听到这个函数就进行网络请求或者上传图片等操作。

- (void)test {
  //获取webView线程，因为js和oc绑定的函数里执行的代码不是在主线程里。
NSThread *webThread = [NSThread currentThread];
//网络请求
@weakify(self);
[HTTPRequest requestGetTokenWithFinished:^(void){
  @strongify(self);

  //通知js请求完了。

 //正常情况下是直接在这里调用，但是会间接性发生野指针问题，差不多每隔四五次发生一次野指针。
  //JSValue *jsCall = self.context[@"jsCall"];
  //[jsCall callWithArguments:nil];

  //线程安全的，用此方式，笔者再也没发生过野指针问题。
  [self performSelector:@selector(jsCall) onThread:webThread withObject:nil waitUntilDone:NO];
}];
}

- (void)jsCall {
  JSValue *jsCall = self.context[@"jsCall"];
  [jsCall callWithArguments:nil];
})

具体的解释：遇到这个问题的人，肯定能明白。