`attachEvent`是Internet Explorer浏览器特有的事件处理方法，用于将函数绑定到DOM元素的特定事件上，例如点击、鼠标移动等。与W3C标准的`addEventListener`不同，`attachEvent`并不支持事件捕获阶段，并且它的事件处理函数会在事件冒泡的过程中执行。
在`attachEvent`中，事件处理函数的执行上下文（即`this`的值）会指向调用`attachEvent`的元素，而不是像`addEventListener`那样默认指向事件的目标元素。此外，`attachEvent`的第二个参数是一个函数，该函数通常用来包裹真正的事件处理逻辑，因为`attachEvent`不会自动传递事件对象给处理函数，所以我们需要手动创建一个匿名函数来传递必要的参数。
以下是一个简单的`attachEvent`用法示例：
```javascript
var obj = document.getElementById('button1');
obj.attachEvent('onclick', function() {
alert('按钮被点击了');
});
```
在上述代码中，当用户点击按钮时，`onclick`事件会被触发，绑定的匿名函数会弹出“按钮被点击了”的警告框。
在描述中的代码示例中，使用了闭包来解决`attachEvent`传递参数的问题。这里有两个版本的代码：
第一个版本中，`str`变量定义在立即执行的函数表达式（IIFE）内部，确保了其作用域的限制。在事件处理函数`func`中，`str`的值可以在闭包中访问。这种方式使得`str`的值不会被外部访问或覆盖，保证了点击事件触发时能够正确显示预期的值。
```javascript
var obj = document.getElementById('button1');
(function() {
var str = "看到我了吧";
var func = function() {
alert(str);
};
if (document.all) {
obj.attachEvent('onclick', func);
} else {
obj.addEventListener('click', func, false);
}
})();
```
第二个版本则通过匿名函数进一步封装了`func`，并传入了`str`作为参数。这样，无论使用`attachEvent`还是`addEventListener`，都能够保证事件处理函数接收到正确的`str`值。
```javascript
var obj = document.getElementById('button1');
(function() {
var func = function(str) {
alert(str);
};
if (document.all) {
obj.attachEvent('onclick', function() { func("看到我了吧"); });
} else {
obj.addEventListener('click', function() { func("看到我了吧"); }, false);
}
})();
```
提到了一种简化版的代码，它省略了闭包，直接在匿名函数中调用`func`并传入参数。这种做法在没有考虑作用域的情况下可能会导致问题，因为`str`可能在其他地方被重新赋值，导致事件处理函数中的`str`不是预期的值。
```javascript
var obj = document.getElementById('button1');
var func = function(str) {
alert(str);
};
if (document.all) {
obj.attachEvent('onclick', function() { func("看到我了吧"); });
} else {
obj.addEventListener('click', function() { func("看到我了吧"); }, false);
}
```
总结来说，`attachEvent`是IE浏览器特有的事件绑定方式，需要通过特殊的方式（如使用闭包）来处理参数传递。而在非IE浏览器中，通常使用`addEventListener`，它更符合W3C标准，对事件处理函数的调用方式也更为灵活。理解这些差异对于编写兼容性良好的JavaScript代码至关重要。
