在JavaScript的世界里，`eval` 是一个特殊且争议颇多的函数，它允许将字符串作为JavaScript代码执行。然而，不同的浏览器对于 `eval` 的处理方式可能存在差异，尤其是在Internet Explorer（IE）中。当我们把 `function` 与 `eval` 结合使用时，IE可能会展现出一些非预期的行为。本文将通过几个例子来详细解析这个问题，并提供解决方案。
### 情况1：简单的 `eval` 执行
在所有浏览器中，包括IE，下面的代码都是正常的：
```javascript
eval("alert('ss');");
```
这段代码会弹出一个包含 "ss" 文本的警告框，因为 `eval` 直接执行了字符串形式的 JavaScript 代码。
### 情况2：`eval` 内的立即执行函数（IIFE）
对于包含一个立即执行的函数表达式的 `eval`，所有浏览器也能正确处理：
```javascript
eval("(function(){alert('ss');})();");
```
这里的 `eval` 读取到一个 IIFE（Immediately Invoked Function Expression），即函数定义后立即执行，因此也会弹出 "ss"。
### 情况3：`eval` 返回的 `function` 引用
然而，当 `eval` 的返回值是一个函数引用并在外部调用时，IE 就会出现问题：
```javascript
var f = eval("(function(){alert('ss');})");
f();
```
在IE下，尝试调用 `f` 时会报错，提示“缺少对象”。这是因为IE不支持将 `eval` 定义的函数引用返回到外部作用域。其他浏览器则能够正确处理这种情况。
### 解决方案
#### 方法1：使用 IIFE 返回函数对象
为了解决IE的问题，可以使用一个 IIFE，让 `eval` 直接返回一个执行后的函数对象：
```javascript
var f = eval("(function(){ return function(){alert('ss');}})()");
f();
```
在这个例子中，`eval` 内部的 IIFE 返回了一个新的函数，这个函数的引用被外部变量 `f` 捕获，所以所有浏览器都能正确执行。
#### 方法2：使用逻辑运算符返回函数
另一种常见的技巧是利用逻辑运算符确保函数作为表达式的返回值：
```javascript
var f = eval("(false||function(){alert('ss');})");
f();
```
这里 `false || function(){...}` 表达式中，即使 `false` 为假，也会执行后面的函数表达式，并将其作为整个表达式的结果。因此，`f` 仍然能得到函数的引用，所有浏览器都可以正常工作。
同样的逻辑也适用于其他类型的表达式，如与表达式、三元表达式等：
```javascript
// 与表达式
var f = eval("(true&&function(){alert('ss');})");
f();
// 三元表达式
var f = eval("(true?function(){alert('ss');}:'')");
f();
```
总结来说，IE 对于 `eval` 处理函数的方式与其他现代浏览器不同，可能导致错误。但通过使用 IIFE 或特定的逻辑运算符技巧，可以确保在所有浏览器中正确地获取和调用 `eval` 定义的函数。在实际开发中，应尽量避免使用 `eval`，因为它存在性能和安全风险。如果确实需要动态执行代码，可以考虑使用 `new Function` 或其他更安全的方法。
