Рубрики
Без рубрики

Геттерс и посетители используются в объектах JavaScript …. Как?

Мы бы смотрели на практический способ использования Getter и Benters в JavaScript с примерами.

Автор оригинала: Johnson Ogwuru.

Общий объект Paradigm должен включать Добрать и Сеттер метод как атрибуты. Методы Getter и Setter получают и устанавливают свойства объекта.

Преимущества:

  1. Вы можете проверить, действителен ли новые данные перед установкой свойства
  2. Вы можете выполнить действие на данные, которые вы являетесь Получение или Настройка на собственность.
  3. Вы можете контролировать, какие свойства могут быть сохранены и извлечены.

Пример, показывающий, как Сеттер используется ниже:

let person = { _name: 'Johnson Ogwuru', _age: 137, set age(newage){ if(typeof newage === 'number'){ this._age = newage; console.log('valid input') } else{ console.log ('Invalid input'); } } };

Мы предложили имена недвижимости с подчерками _ Отказ Разработчики используют подчеркивание, чтобы указать, что свойство или значение не должны быть изменены непосредственно другими кодами. Установка здесь гарантирует, что только допустимые значения добавляются к определенному свойству, достоверность здесь предназначена для значения, чтобы быть номером, но что происходит, когда мы пытаемся добавить строку в это свойство? Давайте посмотрим, что добавит эту строку ниже нашего кода;

person.age = 'Thirty-nine';//returns invalid input console.log(person._age);
неправильный ввод

Из вышесказанного мы видим, что при запуске приложения мы вошли в систему в консоли «Неверное значение», и мы также заметили значение возраст Собственность не была изменена. Но как насчет мы попробовать модифицировать возраст Параметр сейчас с правильным значением. Давайте посмотрим, что произойдет, измените строку в предыдущий код на любое количество по вашему выбору;

person.age = 'Thirty-nine';//returns invalid input console.log(person._age);
Действительный ввод

С вышеуказанного изображения наше значение было принято в качестве действительности, а также ценность возрастного свойства было успешно модифицировано. Вот и это за Соседниты Отказ

Геттерс Используются для получения значения свойства внутри объекта. Добавление Добрать Метод нашему предыдущему примеру, у нас будет что-то вроде;

let person = { _name: 'Johnson Ogwuru', _age: 137, set age(newage){ if(typeof newage === 'number'){ this._age = newage; console.log('valid input') } else{ return 'Invalid input'; } }, get age(){ console.log(`${this._name} is ${this._age} old`); return this._age } }; person.age = 'Thirty-nine'; person.age = 39; console.log(person.age);

Запуск вышеуказанного кода у нас есть;

Getter image.

В Резюме: Добрать и Сеттер Методы позволяют обрабатывать данные перед доступом или установлением значений свойства.

Давайте посмотрим, как мы можем использовать Сеттер и Добрать Методы в классах ES6 ….. в моем следующем посте. ржу не могу