Инструкцияwith расширяет цепочку областей видимости для инструкции.

Синтаксис

with (expression)  statement

expression

Добавляет данный exrpession в цепочку областей видимости используемое когда исследуется statement. Рекомендуется использовать круглые скобки вокруг выражения.

statement

Любое выражение. Чтобы использовать несколько выражений, используйте операторblock statement ({ ... }), чтобы сгруппировать их.

Описание

JavaScript ищет unqualified имя, исследуя цепочку областей видимости, связанную с выполнением скрипта или функции, содержащих это unqualified имя. Оператор 'with' добавляет данный объект в начало цепочки областей видимости в ходе исследования тела его оператора. Если unqualified имя используемое в теле соответствует свойству в цепочке областей видимости, тогда имя привязывается к свойству и объекту, содержащему это свойство. В противном случае возвращаетсяReferenceError.

Performance pro & contra

Pro: Операторwith может помочь уменьшить размер файла, уменьшив необходимость повторять длинную ссылку на объект без снижения производительности. Изменение цепочки контекста, необходимое для 'with', не требует больших вычислительных затрат. Использование 'with' избавит интерпретатор от разбора повторных ссылок на объекты. Однако, обратите внимание, что во многих случаях это преимущество может быть достигнуто с помощью временной переменной для хранения ссылки на нужный объект.

Contra: Операторwith заставляет указанный объект быть найденным сначала среди всех имён поиска. Поэтому все идентификаторы, которые не относятся к указанному объекту, будут обнаруживаться медленнее в блоке «with. Там, где важна производительность, «with» следует использовать только для охвата блоков кода, которые обращаются к членам указанного объекта.

Ambiguity contra

Contra: Thewith statement makes it hard for a human reader or JavaScript compiler to decide whether an unqualified name will be found along the scope chain, and if so, in which object. So given this example:

function f(x, o) {  with (o) {    console.log(x);  }}

Only whenf is called isx either found or not, and if found, either ino or (if no such property exists) inf's activation object, wherex names the first formal argument. If you forget to definex in the object you pass as the second argument, or if there's some similar bug or confusion, you won't get an error — just unexpected results.

Contra: Code usingwith may not be forward compatible, especially when used with something other than a plain object. Consider this example:

function f(foo, values) {  with (foo) {    console.log(values);  }}

If you callf([1,2,3], obj) in an ECMAScript 5 environment, then thevalues reference inside thewith statement will resolve toobj. However, ECMAScript 6 introduces avalues property onArray.prototype (so that it will be available on every array). So, in a JavaScript environment that supports ECMAScript 6, thevalues reference inside thewith statement will resolve to[1,2,3].values.

Примеры

Использованиеwith

Последующее использованиеwith указывает что ОбъектMath является объектом по умолчанию. Следующие инструкции заwith ссылаются на свойстваPI и методы [cos]](/ru/docs/Web/JavaScript/Reference/Global_Objects/Math/cos) и [sin]](/ru/docs/Web/JavaScript/Reference/Global_Objects/Math/sin), без указания объекта. JavaScript предполагает ОбъектMath для этих справок.

var a, x, y;var r = 10;with (Math) {  a = PI * r * r;  x = r * cos(PI);  y = r * sin(PI / 2);}

Спецификации

Совместимость с браузерами

Смотрите также

• block
• Strict mode
• Symbol.unscopables
• Array.prototype[@@unscopables]