Помогите разобраться в коде после set:

178

02 ноября 2018, 21:50

Изучаю JS и в теме Дескрипторы, геттеры и сеттеры свойств столкнулся с примером кода, которого не понимаю Помогите, пожалуйста, разобраться, что здесь и как происходит.

'use stict' 
 
var user = { 
  name: "Ваcя", 
  surname: "Петькин" 
}; 
 
Object.defineProperty(user, "fullName", { 
  get: function() { 
    return this.name + ' ' + this.surname; 
  }, 
 
  set: function(value) { 
    var split = value.split(' '); 
    this.name = split[0]; 
    this.surname = split[1]; 
  } 
}); 
 
user.fullName = "Петя Иванов" 
alert(user.name); 
alert(user.surname);

Answer 1

var user = { // Объявляем переменную "user" и пишем в нее объект со следкюшими свойствами:
  name: "Ваcя", // "name" со значением "Вася",
  surname: "Петькин" // "surname" со значениеи "Петькин"
};
Object.defineProperty(user, "fullName", { // Определяем свойство "fullName" объекта "user".
  get: function() { // При обращении к свойству "fullName" выполнить следующий код:
    return this.name + ' ' + this.surname; // Вернуть строку, содержащую значения свойств "name" и "surname" объекта "user", разделенные пробелом.
  },
  set: function(value) { // При попытке изменить свойство "fullName" выполнить следующий код:
    var split = value.split(' '); // Новое строковое значение разбить на массив строк, используя в качестве разделителя пробел. Массив поместить в переменную "split".
    this.name = split[0]; // Значение свойства "name" объекта "user" изменить на значение элемента массива "split" с индексом 0.
    this.surname = split[1];  // Значение свойства "surname" объекта "user" изменить на значение элемента массива "split" с индексом 1.
  }
});
user.fullName = "Петя Иванов"
alert(user.name);
alert(user.surname);