JavaScript:单击“编辑”按钮时，console.log显示为“未定义”

document.getElementById('editButton').addEventListener('click', function() {
    console.log('编辑按钮被点击');
});

let data; // 假设这是你需要打印的数据

document.getElementById('editButton').addEventListener('click', function() {
    console.log(data); // 如果data未赋值，这里会显示“未定义”
});

// 确保在某个地方给data赋值
data = '这里是数据';

document.getElementById('editButton').addEventListener('click', function() {
    fetchData().then(function(data) {
        console.log(data); // 确保在这里打印数据
    });
});

function fetchData() {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve('这里是异步获取的数据');
        }, 1000);
    });
}

<button id="editButton">编辑</button>