Свойства класса javascript потока перезаписываются на undefined

У меня два класса

export class Model {
_id: ID

  constructor(arg : ID | string | Object) {
   if (typeof arg === 'object') this.loadObject
 }


  loadObject(obj: Object) {
    Object.assign(this, obj)
    // using a for loop to assign keys does not work with flow
  }
}

export class User extends Model {
_id: ID
username: string
//...other properties
}

Когда я вызываю new Model(userObject), все свойства определяются. Но когда я вызываю new User(userObject), определяются только некоторые свойства, некоторые остаются неопределенными. Почему это происходит и как это исправить?

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
53
1

Ответы 1

Вы забываете вызвать в this.loadObject, и вам нужно вызвать в super в Userconstructor.

Попробуй это:

export class Model {
  _id: ID

  constructor(arg: ID | string | Object) {
    if (typeof arg === 'object') this.loadObject(arg)
  }

  loadObject(obj: Object) {
    Object.assign(this, obj)
  }
}

export class User extends Model {
  _id: ID
  username: string

  constructor(arg) {
    super(arg)
  }
}

по-прежнему не работает для меня .. Пользовательский объект находится сразу после this.loadObject() в конструкторе модели, но неверен, если зарегистрирован после super(arg) в конструкторе пользователя.

random42 09.11.2018 12:13

Интересный факт: некоторые свойства инициализируются, а некоторые нет (и не зависит от типа свойства). Объект аргумента поступает из JSON, хотя это не имеет значения.

random42 09.11.2018 12:16

JSON значения не имеет. Если объект со всеми пользовательскими свойствами по-прежнему отображается как неопределенный.

random42 09.11.2018 12:45

Тогда я понятия не имею, в чем проблема. Это работает для меня .. Я создаю пользователя (new User({ prop1: 123 }) и в конструкторе пользователя после супер-вызова, который я зарегистрировал: console.info(this.prop1), и я вижу 123

Peter Kota 09.11.2018 13:31

Я решил использовать flow-remove-types перед компиляцией с помощью babel. Я думаю, это проблема @ babel / preset-flow. Когда он видит свойства класса, добавляет Object.defineProperty после конструктора

random42 09.11.2018 15:55

Другие вопросы по теме