js ios 走alert闪退-摩杜云开发者社区

背景介绍

在开发过程中，我们经常会遇到各种奇怪的 bug，其中一个常见的问题是在 iOS 上使用 JavaScript 调用 alert 函数时导致应用程序崩溃。这个问题可能是由于 JavaScript 和原生 iOS 之间的通信问题引起的。本文将详细介绍这个问题，并提供解决方案。

问题分析

在 iOS 应用程序中使用 WebView 来加载并展示网页内容是常见的做法。而在网页中，我们经常会使用 JavaScript 来与用户进行交互，其中最常用的交互方式之一就是通过 alert 函数来显示弹窗提示信息。

然而，当我们在 iOS 应用程序中使用 alert 函数时，有时会出现应用程序崩溃的情况。这个问题在使用较新版本的 iOS 和较新版本的 JavaScript 引擎时似乎更加常见。

造成这个问题的原因是 alert 函数的实现机制导致了 JavaScript 与原生代码之间的通信问题。在 iOS 中，alert 函数是由原生代码实现的，当 JavaScript 调用 alert 函数时，会将控制权交给原生代码，在用户关闭弹窗后再返回到 JavaScript 的执行。然而，有时候这个过程出现了异常，导致应用程序崩溃。

代码示例

为了更好地理解这个问题，我们可以尝试在 iOS 上运行一个简单的 WebView 应用程序，并在网页中调用 alert 函数来触发崩溃。

首先，我们需要创建一个新的 iOS 项目，并在项目中添加一个 WebView 控件用于加载网页内容。在 ViewController.m 文件中，我们可以使用以下代码来实现：

#import "ViewController.h"
#import <WebKit/WebKit.h>

@interface ViewController () <WKNavigationDelegate>

@property (nonatomic, strong) WKWebView *webView;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    self.webView = [[WKWebView alloc] initWithFrame:self.view.bounds];
    self.webView.navigationDelegate = self;
    [self.view addSubview:self.webView];
    
    NSURL *url = [NSURL URLWithString:@"
    NSURLRequest *request = [NSURLRequest requestWithURL:url];
    [self.webView loadRequest:request];
}

#pragma mark - WKNavigationDelegate

- (void)webView:(WKWebView *)webView didFinishNavigation:(null_unspecified WKNavigation *)navigation {
    NSString *jsCode = @"alert('Hello World');";
    [self.webView evaluateJavaScript:jsCode completionHandler:nil];
}

@end

在上面的代码中，我们创建了一个 WKWebView 对象并将其添加到视图中。然后，我们加载了一个示例网页，并在网页加载完成后调用了 JavaScript 代码来触发 alert 函数。

然后，我们可以在项目中运行该应用程序，并观察是否会因为调用 alert 函数而导致应用程序崩溃。

解决方案

要解决这个问题，我们可以尝试使用 JavaScript 的 Promise 对象来替代 alert 函数。Promise 对象是 JavaScript 的一种异步编程模式，可以更好地控制程序的执行流程。

首先，我们需要修改网页中的 JavaScript 代码，将 alert 函数替换为 Promise 对象的使用方式。例如，我们可以将上面的示例代码修改如下：

new Promise(function(resolve, reject) {
    resolve('Hello World');
}).then(function(message) {
    alert(message);
});

在上面的代码中，我们使用 Promise 对象来包装 alert 函数，并在 resolve 回调函数中触发 alert 函数。这样可以确保 alert 函数在原生代码中执行完毕后再返回到 JavaScript 的执行。

然后，我们需要修改 iOS 应用程序的代码，以便正确处理 Promise 对象的回调。我们可以使用 WKWebView 的 evaluateJavaScript:completionHandler: 方法来执行 JavaScript 代码，并在回调中处理 alert 函数的触发。以下是修改后的代码：

- (void)webView:(WKWebView *)webView didFinishNavigation:(null_unspecified WKNavigation *)navigation {
    NSString *jsCode = @"new Promise(function(resolve, reject) { resolve('Hello World'); }).then(function(message) { alert(message); });";
    [self.webView evaluateJavaScript:jsCode completionHandler:^(id result, NSError *error) {
        if (error) {
            NSLog(@"Error: %@", error);