Свойства и методы об-тов

Вводная информация

• 1. Простое создание св-в обычного об-та
  

  Листинг 1. Различные варианты создания св-в об-та

  	// создание об-та с помощью литерального синтаксиса (объектный литерал)
  	// вместе со свойством name
  	const obj = {
  		name: 'Max'
  	}
  
  	// добавляем св-во age
  	obj.age = 25
  
  	// НАЗВАНИЕ СВ-ВА МОЖЕТ СОСТОЯТЬ ИЗ НЕСКОЛЬКИХ СЛОВ
  	// в таком случае применяются квадратные скобки и кавычки
  	obj['annual income'] = 25000
  
  	// !!! ВНИМАНИЕ хотя составные имена св-в и возможны, но считаются плохой практикой
  	// на деле используется такая запись
  	obj.annualIncome = 25000
  
  	// динамические имена св-в (состоят из переменной, значение которой не известно или меняется) 
  	let someName = 'phone'
  	obj[someName] = '0-800-300-200'
  
  	console.log(obj)

• 2. Простое создание методов обычного об-та
  

  Листинг 2. Создание методов об-та

  	const obj = {
  		// старый синтаксис методов
  		fn: function(a,b){
  			return a + b
  		}
  	}
  
  	const obj2 = {
  		// синтаксис ES6
  		fn(a,b){
  			return a + b
  		}			
  	}
  
  	// добавление метода в об-т
  	obj.fn2 = function(a,b){
  		return a * b
  	}
  
  	console.log(obj)
  	console.log(obj2)

• 3. Добавленные св-ва можно детализировать с помощью дескриптора свойств. Т.е., установить для данного св-ва только чтение и запрет на изменение и т.д. Делается это с помощью метода Object.defineProperty()
  

  Листинг 3. Установка св-ва только для чтения

  	const obj = {}
  
  	// устанавливаем об-ту св-во name и запрещаем его менять
  	Object.defineProperty(obj, 'name', {
  		value: 'Max',
  		writable: false  // только для чтения
  	})
  
  	// СВ-ВО name НЕ ИЗМЕНИТСЯ
  	obj.name = 'Den'
  					
  	// !!! ВНИМАНИЕ: если для документа установлен режим "use strict"
  	// то св-во не только не поменяется, но будет выброшено исключение
  
  	console.log(obj)

  
  

  Листинг 4. Св-во разрешено менять, но нельзя удалять

  	const obj = {}
  
  	// устанавливаем об-ту св-во name и разрешаем его менять, но не удалять 
  	// с помощью оператора delete
  	Object.defineProperty(obj, 'name', {
  		value: 'Max',
  		writable: true, // можно менять
  		configurable: false, // нельзя удалить
  	})
  
  	// СВ-ВО name ИЗМЕНИТСЯ
  	obj.name = 'Den'
  
  	// НО НЕ УДАЛИТСЯ
  	delete obj.name
  
  	console.log(obj)

  Передаваемый в Object.defineProperty() об-т называется дескриптором данных. Ключи передаваемого об-та: configurable, enumerable, value, writable, являются соответственно ключами дескриптора данных. Можно также устанавливать дескрипторы доступа: get и set (они же геттеры и сеттеры). Вместе они называются дескрипторами свойств. Детально о методе Object.defineProperty() читать в документации

• 4. Разница между простым добавлением св-в и с помощью метода Object.defineProperty().

Листинг 5. Разница между простым добавлением и с помощью метода 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
	});