Почему eval не имеет доступа к переменным с областью видимости в операторе with?

Это ошибка, воспроизводимая только из консоли WebKit, у нее есть проблемы с привязкой контекста вызывающей стороны, когда eval вызывается из FunctionExpression.

Когда выполняется прямой вызов eval, оцениваемый код, как вы ожидаете, должен совместно использовать обе переменные среды:

(function (arg) {
  return eval('arg');
})('foo');
// should return 'foo', throws a ReferenceError from the WebKit console

А также лексическое окружение:

(function () {
  eval('var localVar = "test"');
})();

typeof localVar; // should be 'undefined', returns 'string' on the Console

В приведенном выше примере функция localVar должна быть объявлена ​​в лексическом окружении вызывающего объекта, а не в глобальном контексте.

Для FunctionDeclarations поведение совершенно нормальное, если попробовать:

function test1(arg) {
  return eval('arg');
}
test1('foo'); // properly returns 'foo' on the WebKit console

А также

function test2() {
  eval('var localVarTest = "test"');
}
test2();
typeof localVarTest; // correctly returns 'undefined'

Мне удалось воспроизвести проблему в следующих браузерах, работающих в Windows Vista SP2:

• Хром 5.0.375.125
• Chrome 6.0.472.25 для разработчиков
• Сафари 5.0.1
• Ночная сборка WebKit r64893

(function (obj) {
   with (obj) {
      alert(a); // prints out obj.a
      eval("alert(a)"); // ReferenceError: a is not defined
   }
})({ a: "hello from a with eval" })

function testfunc(a) { eval("alert(a)"); } testfunc("hello from a testfunc eval");

(function (a) { eval("alert(a)"); })("hello from a function constructor eval")

Все работает нормально: http://polyfx.com/jstest.html в FF/Chrome/Safari/ IE.

Проблема с запуском фрагментов кода с разных консолей заключается в том, что консоли обычно не соответствуют контексту. (т. е. консоль Chrome, похоже, неправильно оборачивает вещи в глобальном контексте, тогда как консоль Firebug делает). Это может быть ошибка или (что более вероятно) она может работать по назначению.

Eval всегда работает в глобальной области видимости, не так ли?

Если оставить в стороне eval и, новые баузеры включают метод ecma5 Function.prototype.bind для вызова функции в области действия некоторого выбранного объекта.

Для старых браузеров вы можете подделать его-

Function.prototype.bind= Function.prototype.bind || function bind(scope){
    var method= this;
    return function(){
        method.apply(scope, arguments);
    }
}