Thursday, August 30, 2012

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

Дисклаймер: Все права на данный материал принадлежат Хабрахабр / Захабренные / Тематические / Посты и могут быть найдены по ссылкам ниже.

Этот краткий пост-заметку или температурный бред (в Одессе похолодало, да) хочу посвятить такой прекрасной функции, как 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. }); 



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

АВТОР: Хабрахабр / Захабренные / Тематические / Посты http://habrahabr.ru/post/150571/




ifttt
Put the internet to work for you. via Personal Recipe 1574425

No comments:

Post a Comment

Search This Blog