JavaScript变量非空及去空格校验的最佳实践

document.addEventListener("DOMContentLoaded", function() {
  document.querySelector("#send_message_button").addEventListener("click", function() {
    let email_subject = document.querySelector("#subject").value;
    let email_body = document.querySelector("#text").value;
    let email_to = "example@example.com"; // 简化邮箱地址

    // 错误示例：此逻辑旨在检查两者是否都为空，但实际效果相反
    if (!email_subject && !email_body) {
      location.href = 'mailto:' + email_to + '?subject=' + email_subject + '&body=' + email_body;
    }
    // 如果email_subject和email_body都有值，则!email_subject和!email_body都为false，条件不成立，不会发送邮件。
    // 如果email_subject和email_body都为空字符串，则!email_subject和!email_body都为true，条件成立，发送邮件。
    // 这与预期“当字段为空时不发送”的逻辑是相反的。
  });
});

/**
 * 检查给定值是否为空、null、undefined或仅包含空白字符。
 * @param {string | null | undefined} value - 需要校验的字符串值。
 * @returns {boolean} 如果值为null、undefined、空字符串或只包含空白字符，则返回true；否则返回false。
 */
function isEmpty(value) {
    // 检查是否为null或undefined
    if (value == null) { // 使用 == 可以同时检查 null 和 undefined
        return true;
    }
    // 确保值为字符串类型，然后使用trim()去除首尾空白并检查长度
    // 如果value不是字符串，调用trim()会抛出错误，因此需要先进行类型检查或转换
    if (typeof value === 'string') {
        return value.trim().length === 0;
    }
    // 对于非字符串且非null/undefined的值（例如数字0，布尔false），此处默认不认为是“空”
    // 如果需要更复杂的“空”定义，可在此扩展
    return false;
}

document.addEventListener("DOMContentLoaded", function () {
    const sendMessageButton = document.querySelector("#send_message_button");

    if (sendMessageButton) { // 确保按钮存在
        sendMessageButton.addEventListener("click", function (event) {
            // 获取表单字段的值
            let emailSubject = document.querySelector("#subject") ? document.querySelector("#subject").value : '';
            let emailBody = document.querySelector("#text") ? document.querySelector("#text").value : '';
            // 假设目标邮箱是固定的，或从其他地方获取
            let emailTo = "example@example.com"; // 替换为实际的邮箱地址

            // 使用isEmpty函数进行校验
            if (isEmpty(emailSubject) || isEmpty(emailBody)) {
                alert("主题和内容都不能为空，请填写完整！"); // 用户友好的提示
                event.preventDefault(); // 阻止默认的邮件发送行为（如果按钮是submit类型）
                return; // 停止后续操作
            }

            // 如果校验通过，则执行邮件发送操作
            // 注意：location.href = 'mailto:...' 会直接尝试打开用户的默认邮件客户端
            location.href = 'mailto:' + emailTo + '?subject=' + encodeURIComponent(emailSubject) + '&body=' + encodeURIComponent(emailBody);
        });
    }
});