今天我们来探讨一下javascript中的两种效果：事件驱动模型和异步编程。

首先我们来介绍事件驱动模型。一般来说，我们在做一个页面时，会添加一些互动的元素，如按钮、链接等，这些元素会触发一些事件，比如点击事件、鼠标悬停事件等。当这些事件触发时，程序就可以执行一些特定的代码。比如，当我们点击按钮时，可以出现一个弹出窗口，或者将一些数据传送到后台服务器进行处理。

// 一个简单的点击事件的示例
<button onclick="alert('您点击了这个按钮')">点击我</button>

除了简单的事件处理，我们还可以通过事件驱动模型来实现一些更为复杂的逻辑。比如，当我们需要在页面中展示一张图片，这张图片需要从后台服务器上下载下来，在下载完成之前，页面上可能会出现一个占位符。当后台服务器将图片下载完成并返回给前端时，程序会通过事件来通知前端，前端再将图片进行展示。

// 图片下载的示例
const img = new Image();
img.src = 'yourImageUrl';
img.onload = function() {
document.getElementById('myImage').src = img.src;
}

另外，我们还可以通过事件驱动模型来实现一个消息队列，将用户的操作进行缓存，等到后台服务器响应完成之后再批量处理用户操作。这样可以更加高效地利用资源，减轻后台服务器的压力。

接下来，我们来介绍异步编程。所谓异步编程，就是指不需要等待某一个任务的执行完成，就能够继续执行下一个任务，并且在后续的某个时间点上，再根据之前执行完的任务的结果来完成剩下的任务。

异步编程的好处在于可以在某些场景下，大大提高程序的执行效率。比如，在前端编程中，如果我们需要从后台服务器上下载一个大文件，如果使用同步编程，要等待整个文件下载完成之后，页面才能够展示出来，这样就会导致用户体验很差。而使用异步编程，我们可以先将页面展示出来，然后在后台下载大文件，在下载完成之后再将文件进行展示，这样就能够大大提高用户的体验。

// 异步编程的示例
function getFile(url) {
return new Promise(function(resolve, reject) {
let xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.onload = function() {
if (this.status == 200) {
resolve(this.responseText);
} else {
reject(new Error(this.statusText));
}
};
xhr.onerror = function() {
reject(new Error('网络错误'));
};
xhr.send();
});
}
getFile('yourFileUrl').then(function(data) {
console.log(data);
}).catch(function(err) {
console.log(err);
});

总之，事件驱动模型和异步编程都是javascript中非常重要的两种效果，熟练运用它们可以大大提高编程效率。