Object.defineProperty

[DivMan]

Почему не работает alert?

 

https://jsfiddle.net/jLdr97po/

 

writable: false запрещает менять значение свойства, значит значение не должно меняться, а вывестись старое значение, но почему оно не выводится?

 

Второй alert, вообще никак не связан с объектом, почему он не выводится?

и вот так тоже не работает https://jsfiddle.net/jLdr97po/1/

Edited March 18, 2016 by DivMan

[parliament]

если убрать присвоение user.name = "gggg"; то все работает в обоих случаях или при смене дескриптора на true

Edited March 18, 2016 by parliament

[Sensei]

В строгом режиме (user strict) изменение свойства доступного только для чтения приводит к ошибке.

[DivMan]

var user = {
  firstName: "Вася",
  surname: "Петров"
}

Object.defineProperty(user, "fullName", {

  get: function() {
    return this.firstName + ' ' + this.surname;
  },

  set: function(value) {
      var split = value.split(' ');
      this.firstName = split[0];
      this.surname = split[1];
    }
});

user.fullName = "Петя Иванов";
alert( user.firstName ); // Петя
alert( user.surname ); // Иванов

Я не понимаю этот код

 set: function(value) {
      var split = value.split(' ');
      this.firstName = split[0];
      this.surname = split[1];
    }

Получается, то, что для переменной value присвоили значение массив?

Почему тогда для обычной переменной это сделать нельзя?

var value;
var aaa = value.split('')

————————————————————————

 

Ещё 1 вопрос:

Почему так не работает?

https://jsfiddle.net/3m0Lvv1o/

 

Если мы создаём объект при помощи синтаксиса { ... }, то задать свойства-функции можно прямо в его определении.

Edited March 22, 2016 by klierik
Код ломал станицу

[andrey7287]

2 часа назад, DivMan сказал:

Я не понимаю этот код

 set: function(value) {
      var split = value.split(' ');
      this.firstName = split[0];
      this.surname = split[1];
    }

Получается, то, что для переменной value присвоили значение массив?

Почему тогда для обычной переменной это сделать нельзя?

   Ты сам то понял что спросил ? 

Смысл геттеров \ сеттеров, заключается в том что бы задать соответствующую модель поведения. То есть при вызове без аргументов работает get функция, а при запуске с аргументом - set . 

 В данном примере user.fullName будет возвращать имя и фамилию а user.fullName(value) устанавливать их . Строка "Имя фамилия" делиться по пробелу на две части, которые записываются в соответствующие ключи объекта.

2 часа назад, DivMan сказал:

Почему так не работает?

  Потому что на 3 итерации по массиву user[key] вызывает user.fullName и код зацикливается.

Edited March 20, 2016 by andrey7287

[DivMan]

var split = value.split(' ')

Означает, то, что будет в значение fullName,  сделать из этого массив и делить там, где начинается пробел?

 

[andrey7287]

Ok, этот код тебе понятен ?

 

var user = {
  firstName: "Вася",
  surname: "Петров",
  fullName: function(){
    if ( arguments.length === 0 ) { // Вызов без аргументов

      return this.firstName + ' ' + this.surname

    } else { // Вызов с аргументами

      var split = arguments[0].split(' ');
      this.firstName = split[0];
      this.surname = split[1];

    }
  }
}

Фактически user.fullName()  делает тоже что и геттер user.fullName а user.fullName(value) тоже что и сеттер user.fullName = value.  

[DivMan]

Почему не работает?

var car = {
    model: "BMW"
};

Object.defineProperty(car, 'newModel', {
    set: function(value) { 
        var model2 = value;
    }
});

car.model
car.newModel = "Lada"
car.newModel

 

А так правильно?

 

var car = {
    model: "BMW"
};

Object.defineProperty(car, 'newModel', {
    set: function(value) { 
        this.model = value;
    }
});

car.model
car.newModel = "Lada"
car.newModel

 

То есть set не добавляет свойство, а изменяет значение у уже созданного свойства?