Javascript confirm多种使用方法解析

在Web开发中，我们经常需要向用户展示提示信息并等待他们做出选择，此时就可以借助Javascript confirm方法来实现。本文将对Javascript confirm方法的多种使用方法作出详细介绍。

什么是Javascript confirm方法

Javascript confirm方法是一个内置的弹窗函数，可以向用户展示一个提示框，并等待用户选择“确定”或“取消”。其语法结构如下：

confirm(message)

其中，message参数是要展示给用户的提示信息，可以是字符串类型。

基本使用

让我们看一下最基本的Javascript confirm方法的使用方式：

var result = confirm("确定要删除这条数据吗？");
if (result == true) {
    // 用户点击了“确定”按钮
    deleteData();
} else {
    // 用户点击了“取消”按钮
    cancelDelete();
}

这段代码的作用是展示一个提示框，提示用户是否确定要删除数据。如果用户点击了“确定”按钮，则执行deleteData函数；如果用户点击了“取消”按钮，则执行cancelDelete函数。

高级使用

Javascript confirm方法还可以在更复杂的场景下发挥作用，下面将介绍它的两种高级使用方式。

使用函数作为message参数

在Javascript中，可以将函数作为参数进行调用，同样，也可以将函数作为confirm方法的message参数：

var result = confirm(getMessage());
if (result == true) {
    // 用户点击了“确定”按钮
    deleteData();
} else {
    // 用户点击了“取消”按钮
    cancelDelete();
}

function getMessage() {
    // 动态获取提示信息
    return "确定要删除这条数据吗？";
}

这段代码中，我们将getMessage函数作为confirm方法的message参数，这样就可以根据具体需求动态改变提示信息。当用户点击“确定”按钮时，调用deleteData函数，当点击“取消”按钮时，调用cancelDelete函数。

使用链式调用

Javascript confirm方法也可以使用链式调用，使代码执行更流畅，更美观：

confirm("确定要删除这条数据吗？")
    .then(function() {
        // 用户点击了“确定”按钮
        deleteData();
    })
    .catch(function() {
        // 用户点击了“取消”按钮
        cancelDelete();
    });

这段代码中，使用了Promise对象的then和catch方法，当用户点击“确定”按钮时，执行deleteData函数，当点击“取消”按钮时，执行cancelDelete函数。