Apply your JS skills to key Mozilla projects as an MDN Fellow! http://mzl.la/MDNFellowship

mozilla
Your Search Results

    Object.defineProperty()

    Сводка

    Метод Object.defineProperty() определяет новое или изменяет существующее свойство непосредственно на объекте, возвращая этот объект.

    Синтаксис

    Object.defineProperty(obj, prop, descriptor)

    Параметры

    obj
    Объект, на котором определяется свойство.
    prop
    Имя определяемого или изменяемого свойства.
    descriptor
    Дескриптор определяемого или изменяемого свойства.

    Описание

    Этот метод позволяет точно добавлять или изменять свойства объекта. Обычное добавление свойств через присваивание создаёт свойства, которые можно увидеть через перечисление свойств (с помощью цикла for...in или метода Object.keys), чьи значения могут быть изменены и которые могут быть удалены. Этот же метод позволяет настроить эти дополнительные детали свойства.

    Дескрипторы свойств, присутствующие в объектах, бывают двух основных типов: дескрипторы данных и дескрипторы доступа. Дескриптор данных — это свойство, имеющее значение, которое может быть (а может и не быть) записываемым. Дескриптор доступа — это свойство, описываемое парой функций — геттером и сеттером. Дескриптор может быть только чем-то одним из этих двух типов; он не может быть одновременно обоими.

    И дескриптор данных, и дескриптор доступа являются объектами. Они обладают следующими обязательными ключами:

    configurable
    Равен true только в том случае, если тип этого дескриптора свойства может быть изменён и если свойство может быть удалено из содержащего его объекта.
    Значение по умолчанию установлено в false.
    enumerable
    Равен true только в том случае, если это свойство можно увидеть через перечисление свойств содержащего его объекта.
    Значение по умолчанию установлено в false.

    Дескриптор данных также может содержать следующие дополнительные ключи:

    value
    Значение, ассоциированное со свойством. Может быть любым допустимым значением JavaScript (числом, объектом, функцией и т.д.).
    Значение по умолчанию установлено в undefined.
    writable
    Равен true только в том случае, если значение, ассоциированное со свойством, может быть изменено с помощью оператора присваивания.
    Значение по умолчанию установлено в false.

    Дескриптор доступа также может содержать следующие дополнительные ключи:

    get
    Функция, используемая как геттер свойства, либо undefined, если свойство не имеет геттера. Возвращаемое значение функции будет использоваться как значение свойства.
    Значение по умолчанию установлено в undefined.
    set
    Функция, используемая как сеттер свойства, либо undefined, если свойство не имеет сеттера. Функция принимает единственным аргументом новое значение, присваиваемое свойству.
    Значение по умолчанию установлено в undefined.

    Имейте в виду, что эти ключи не обязательно должны принадлежать самому дескриптору свойства, если они унаследованы, они так же будут приниматься во внимание. Для сохранения этих ключей по умолчанию неизменными, вы можете заранее заморозить Object.prototype, явно определив все ключи, либо установить свойство __proto__ в null.

    // Использование __proto__
    Object.defineProperty(obj, 'key', {
      __proto__: null, // нет унаследованных свойств
      value: 'static'  // по умолчанию
                       // не перечисляется,
                       // не настраивается и
                       // не перезаписывается
    });
    
    // Явное определение свойства
    Object.defineProperty(obj, 'key', {
      enumerable: false,
      configurable: false,
      writable: false,
      value: 'static'
    });
    
    // Переиспользование одного и того же объекта
    function withValue(value) {
      var d = withValue.d || (
        withValue.d = {
          enumerable: false,
          writable: false,
          configurable: false,
          value: null
        }
      );
      d.value = value;
      return d;
    }
    // ... и ...
    Object.defineProperty(obj, 'key', withValue('static'));
    
    // Если доступен метод freeze, предотвращаем добавление свойств
    // value, get, set, enumerable, writable и configurable
    // к прототипу Object
    (Object.freeze || Object)(Object.prototype);
    

    Примеры

    Если вы хотите посмотреть, как использовать метод Object.defineProperty() с синтаксисом похожим-на-бинарные-флаги, смотрите дополнительные примеры.

    Пример: создание свойства

    Если указанное свойство не существует в объекте, метод Object.defineProperty() создаст новое свойство по переданному описанию. Поля в дескрипторе могут быть опущены, в этом случае их значения будут значениями по умолчанию. Все логические поля будут по умолчанию установлены в false. Поля value, get и set по умолчанию будут установлены в undefined. Свойство, определённое без атрибутов get/set/value/writable называется «общим», а дескриптор данных — «типовым».

    var o = {}; // Создаём новый объект
    
    // Пример добавления свойства к объекту через defineProperty() с дескриптором данных
    Object.defineProperty(o, 'a', {
      value: 37,
      writable: true,
      enumerable: true,
      configurable: true
    });
    // Свойство 'a' существует в объекте o и имеет значение, равное 37
    
    // Пример добавления свойства к объекту через defineProperty() с дескриптором доступа
    var bValue = 38;
    Object.defineProperty(o, 'b', {
      get: function() { return bValue; },
      set: function(newValue) { bValue = newValue; },
      enumerable: true,
      configurable: true
    });
    o.b; // 38
    // Свойство 'b' существует в объекте o и имеет значение, равное 38
    // Значение свойства o.b теперь идентично значению bValue до тех пор, пока свойство o.b не будет переопределено
    
    // Вы не можете смешать два этих подхода:
    Object.defineProperty(o, 'conflict', {
      value: 0x9f91102,
      get: function() { return 0xdeadbeef; }
    });
    // Выкинет исключение TypeError: свойство value применимо только в дескрипторах данных, свойство get применимо только в дескрипторах доступа
    

    Пример: изменение свойства

    Если свойство уже существует, метод Object.defineProperty() попытается изменить свойство в соответствии со значениями в дескрипторе и текущим состоянием объекта. Если у старого дескриптора атрибут configurable был установлен в false (говорит, что свойство является «не настраиваемым»), то никакие атрибуты, кроме атрибута writable, не смогут быть изменены. В этом случае так же невозможно переключаться между типами дескрипторов.

    Если свойство является не настраиваемым, его атрибут writable может быть изменён только на значение false.

    При попытке изменить не настраиваемые атрибуты свойства будет выброшено исключение TypeError (кроме случая изменения атрибута writable), даже в том случае, если текущее и новое значения идентичны.

    Атрибут writable

    Если атрибут writable свойства установлен в false, свойство становится «не записываемым». Ему невозможно будет присвоить новое значение.

    var o = {}; // Создаём новый объект
    
    Object.defineProperty(o, 'a', {
      value : 37,
      writable : false
    });
    
    console.log(o.a); // Выведет 37
    o.a = 25; // Исключение не будет выброшено (будет выброшено только в строгом режиме, даже если значение будет тем же самым)
    console.log(o.a); // Выведет 37. Присваивание не сработало.
    

    Как видно в этом примере, попытка записи в не записываемое свойство его не изменило, но и исключение так же не было выброшено.

    Атрибут enumerable

    Атрибут enumerable свойства определяет, просматривается ли свойство в цикле for...in и методом Object.keys() или нет.

    var o = {};
    Object.defineProperty(o, 'a', { value: 1, enumerable: true });
    Object.defineProperty(o, 'b', { value: 2, enumerable: false });
    Object.defineProperty(o, 'c', { value: 3 }); // Атрибут enumerable по умолчанию установлен в false
    o.d = 4; // При создании свойства путём присваивания, атрибут enumerable по умолчанию установливается в true
    
    for (var i in o) {
      console.log(i);
    }
    // Выведет 'a' и 'd' (порядок вывода не определён)
    
    Object.keys(o); // ['a', 'd']
    
    o.propertyIsEnumerable('a'); // true
    o.propertyIsEnumerable('b'); // false
    o.propertyIsEnumerable('c'); // false
    

    Атрибут configurable

    Атрибут configurable одновременно контролирует, может ли свойство буть удалено из объекта и могут ли быть изменены его атрибуты (кроме контроля изменения атрибута writable).

    var o = {};
    Object.defineProperty(o, 'a', {
      get: function() { return 1; },
      configurable: false
    });
    
    Object.defineProperty(o, 'a', { configurable: true }); // Выкинет TypeError
    Object.defineProperty(o, 'a', { enumerable: true }); // Выкинет TypeError
    Object.defineProperty(o, 'a', { set: function() {} }); // Выкинет TypeError (ранее свойство set дескриптора не было определено)
    Object.defineProperty(o, 'a', { get: function() { return 1; } }); // Выкинет TypeError (даже несмотря на то, что get делает то же, что и раньше)
    Object.defineProperty(o, 'a', { value: 12 }); // Выкинет TypeError
    
    console.log(o.a); // Выведет 1
    delete o.a; // Ничего не произойдёт
    console.log(o.a); // Выведет 1
    

    Если бы атрибут configurable объекта o.a был установлен в true, никакие ошибки не были бы выброшены и в конце свойство было бы удалено.

    Пример: добавление свойств и значений по умолчанию

    Важно понимать, как устанавливаются значения по умолчанию атрибутам свойств. Часто существует разница между простым назначением значения посредством точечной нотации и использованием метода Object.defineProperty(), что и показывает пример ниже.

    var o = {};
    
    o.a = 1;
    // Эквивалентно записи:
    Object.defineProperty(o, 'a', {
      value: 1,
      writable: true,
      configurable: true,
      enumerable: true
    });
    
    
    // С другой стороны,
    Object.defineProperty(o, 'a', { value: 1 });
    // эквивалентно записи:
    Object.defineProperty(o, 'a', {
      value: 1,
      writable: false,
      configurable: false,
      enumerable: false
    });
    

    Пример: пользовательские сеттеры и геттеры

    Пример ниже показывает, как реализовать самоархивирующийся объект. При установке свойства temperature в массив archive попадает запись журнала.

    function Archiver() {
      var temperature = null;
      var archive = [];
    
      Object.defineProperty(this, 'temperature', {
        get: function() {
          console.log('get!');
          return temperature;
        },
        set: function(value) {
          temperature = value;
          archive.push({ val: temperature });
        }
      });
    
      this.getArchive = function() { return archive; };
    }
    
    var arc = new Archiver();
    arc.temperature; // 'get!'
    arc.temperature = 11;
    arc.temperature = 13;
    arc.getArchive(); // [{ val: 11 }, { val: 13 }]
    

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

    Спецификация Статус Комментарии
    ECMAScript 5.1 (ECMA-262)
    Определение 'Object.defineProperty' в этой спецификации.
    Стандарт Изначальное определение. Реализована в JavaScript 1.8.5.
    ECMAScript 6 (ECMA-262)
    Определение 'Object.defineProperty' в этой спецификации.
    Черновик  

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

    Возможность Firefox (Gecko) Chrome Internet Explorer Opera Safari
    Базовая поддержка 4.0 (2) 5 (предыдущие версии не проверялись) 9 (8, но только на объектах DOM с нестандартным поведением. Подробности смотрите ниже.) 11.60 5.1 (5, кроме объектов DOM)
    Возможность Firefox Mobile (Gecko) Android IE Mobile Opera Mobile Safari Mobile
    Базовая поддержка 4.0 (2) (Да) 9 и выше 11.50 (Да)

    На основе таблицы совместимости Kangax.

    Переопределение свойства length на объекте Array

    На массивах возможно переопределить свойство length, при условии соблюдения обычных ограничений на переопределение. (Изначально свойство length является не настраиваемым, не перечисляемым и записываемым. Таким образом, на неизменнённом массиве возможно изменить значение свойства length, либо сделать его не записываемым. Его перечисляемость или настраиваемость изменить нельзя, так же как и его записываемость, если оно сделано не записываемым.) Однако, не все браузеры поддерживают такое переопределение.

    Firefox с версии 4 по версию 22 бросает исключение TypeError на любую попытку (вне зависимости от того, разрешена ли она или нет) переопределить свойство length массива.

    Версии Chrome, реализующие метод Object.defineProperty() в некоторых случаях игнорируют значение length, отличное от текущего значения свойства length массива. В некоторых случаях изменение записываемости свойства просто не работает без каких-либо сообщений об ошибках (и выбрасываемых исключений). Также, в связи с вышесказанным, некоторые методы изменения массива, вроде метода Array.prototype.push, не обращают внимания на незаписываемое свойство length.

    Версии Safari, реализующие метод Object.defineProperty(), игнорируют значение length, отличное от текущего значения свойства length массива, и попытка изменить записываемость свойства выполнится без ошибок, но на самом деле записываемость свойства не изменится.

    Только Internet Explorer 9 и выше, а так же Firefox 23 и выше, по-видимому, полностью и правильно реализуют переопределение свойства length массивов. В настоящее время не стоит полагаться на работу переопределения свойства length массива, или что оно работает определённым образом. И даже если вы можете положиться на это, есть действительно веская причина не делать этого.

    Примечания по Internet Explorer 8

    Реализация метода Object.defineProperty() в Internet Explorer 8 предусматривает, что он может быть использован только для объектов DOM. Нужно также отметить несколько моментов:

    • Попытка использовать Object.defineProperty() на родных объектах приведёт к ошибке.
    • Атрибуты свойств должны быть равны определённым значениям. Атрибуты configurable, enumerable и writable дескриптора данных должны содержать значения true, true и true, а атрибуты configurable и enumerable десприптора доступа должны содержать значения true и false соответственно.(?) Любая попытка присвоить атрибутам другие значения приведёт к ошибке.
    • Для того, чтобы изменить конфигурацию свойства, сначала его нужно удалить. Если свойство не будет удалено, оно останется в том же виде, что и до попытки изменения его конфигурации.

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

    Метки документа и участники

    Обновлялась последний раз: Mingun,
    Скрыть боковую панель