Статьи / Закладки / Профиль codeboy / Хабр

@codeboy

Пользователь

ПрофильСтатьиПостыНовостиКомментарии6

@Finom 31 авг 2012 в 00:38

Object.defineProperty или как сделать код капельку лучше

3 мин

35K

JavaScript *

Туториал

Этот краткий пост-заметку ~~или температурный бред (в Одессе похолодало, да)~~ хочу посвятить такой прекрасной функции, как Object.defineProperty (и Object.defineProperties). Активно использую её уже около двух месяцев, так как поддержка старых браузеров (в том числе и IE8) в проекте, который я сейчас реализую, не требуется (завидуйте).

Как положено статье на хабре, приведу краткое описание того, что она делает. Object.defineProperty добавляет новое свойство, обладающее неким нестандартным для обычного свойства поведением, и принимает три аргумента:

Объект, который мы модифицируем, добавляя новое свойство
Свойство (строка), которое, собственно, хотим добавить
Дескриптор: объект, содержащий «настройки» нового свойства, например аццессоры (геттер, сеттер)

Дескриптор может содержать следующие свойства:

value (любое значение: строка, функция...) — значение, которое получит определяемое свойство объекта (геттер и сеттер в данном случае определить нельзя)
writable (true/false) — можно ли перезаписать значение свойства (аццессоры тоже не доступны)
get (функция) — геттер (value и writable определить нельзя)
set (функция) — сеттер (value и writable определить нельзя)
configurable (true/false) — можно ли переопределить дескриптор (использовать Object.defineProperty над тем же свойством)
enumerable (true/false) — будет ли свойство перечисляться через for..in и доступно в Object.keys (плохая формулировка)

Пример

Содержимое

// Код сперт с MDN
var o = {};
Object.defineProperty(o, "a", {value : 37,
                               writable : true,
                               enumerable : true,
                               configurable : true});

 
var bValue;
Object.defineProperty(o, "b", {get : function(){ return bValue; },
                               set : function(newValue){ bValue = newValue; },
                               enumerable : true,
                               configurable : true});

Лучше меня объяснит MDN Object/defineProperty. Благо, даже английский знать не надо, и так всё понятно.

Если нужно определить сразу несколько свойств, можно использовать Object.defineProperties, который принимает два аргумента: объект, требующий изменений и объект с определяемыми ключами.
MDN: Object/defineProperties.

Пример

Содержимое

// Код сперт с MDN
Object.defineProperties(obj, {
  "property1": {
    value: true,
    writable: true
  },
  "property2": {
    value: "Hello",
    writable: false
  }
  // etc. etc.
});

Теперь соль. Чего я вообще решил это запостить?

Вступление

Vanilla JS

История вопроса