JavaScript. Подробное руководство, 6-е издание, Флэнаган Дэвид

JavaScript. Подробное руководство, 6-е издание

на обложку

Флэнаган Дэвид

Шрифт:

6.5. Перечисление свойств

Вместо проверки наличия отдельных свойств иногда бывает необходимо обойти все имеющиеся свойства или получить список всех свойств объекта. Обычно для этого используется цикл

for/in

, однако стандарт ECMAScript 5 предоставляет две удобные альтернативы.

Инструкция цикла

for/in

рассматривалась в разделе 5.5.4. Она выполняет тело цикла для каждого перечислимого свойства (собственного или унаследованного) указанного объекта, присваивая имя свойства переменной цикла. Встроенные методы, наследуемые объектами, являются неперечислимыми, а свойства, добавляемые в объекты вашей программой, являются перечислимыми (если только не использовались функции, описываемые ниже, позволяющие сделать свойства неперечислимыми). Например:

var о = {х:1, у:2, z:3}; // Три собственных перечислимых свойства

о.propertyIsEnumerable("toString") // => false: неперечислимое

for(p in о) // Цикл по свойствам

console.log(p); // Выведет х, у и z, но не toString

Некоторые библиотеки добавляют новые методы (или другие свойства) в объект

Object.prototype

, чтобы они могли быть унаследованы и быть доступны всем объектам. Однако до появления стандарта ECMAScript 5 отсутствовала возможность сделать эти дополнительные методы неперечислимыми, поэтому они оказывались доступными для перечисления в циклах

for/in

. Чтобы решить эту проблему, может потребоваться фильтровать свойства, возвращаемые циклом

for/in

. Ниже приводятся два примера реализации такой фильтрации:

fог(р in о) {

if (!о.hasOwnProperty(p)) continue; // Пропустить унаследованные свойства

}

for(p in о) {

if (typeof о[р] === "function”) continue; // Пропустить методы

}

В примере 6.2 определяются вспомогательные функции, использующие цикл for/in для управления свойствами объектов. Функция extend, в частности, часто используется в библиотеках JavaScript. [9]

Функция extend, представленная здесь, реализована правильно, но она не компенсирует хорошо известную проблему в Internet Explorer. Более надежная версия функции extend будет представлена в примере 8.3.

Пример 6.2. Вспомогательные функции, используемые для перечисления свойств объектов

* Копирует перечислимые свойства из объекта р в объект о и возвращает о.

* Если о и р имеют свойства с одинаковыми именами, значение свойства

* в объекте о затирается значением свойства из объекта р.

* Эта функция не учитывает наличие методов доступа и не копирует атрибуты.

function extend(o, р) {

fоr(ргор in р) { // Для всех свойств в р.

о[ргор] = р[prop]; // Добавить свойство в о.

}

return о;

}

* Копирует перечислимые свойства из объекта р в объект о и возвращает о.