1

У меня есть сервис, который возвращает объект с датами:

@Injectable()
export class DateService {

  constructor() { }

  getNowDate(): Object {
    let d = new Date();
    d.setHours(d.getHours() + 3);
    let dateHuman = d.toISOString();
    let unixTimeStamp = Math.floor(d.getTime() / 1000) - (60 * 60 * 3);     

    return {
        dateHuman: dateHuman,
        unixTimeStamp: unixTimeStamp
    };
  };
}

Я его использую в компоненте так:

import { DateService } from '../services/date.service';
@Component({
  selector: 'app-question',
  templateUrl: './question.component.html',
  styleUrls: ['./question.component.scss']
})
export class QuestionComponent implements OnInit {

  constructor(private dateService: DateService) { }

  ngOnInit() {
    console.log(this.dateService.getNowDate()['dateHuman']);
  }
}

Всё ок - дата выводится. Но если я пытаюсь выводить дату так:

  ngOnInit() {
    console.log(this.dateService.getNowDate().dateHuman);
  }

То получаю следующую ошибку:

Property 'dateHuman' does not exist on type 'Object'.

Объясните пожалуйста в чём причина этого явления, почему в данном случае обращение к свойству через точку и через скобку не равноценны?

3
  • а что в тексте: Property 'dateHuman' does not exist on type 'Object'. не ясно?
    – Grundy
    26 окт 2017 в 11:40
  • Вот это как раз и непонятно. я же возвращаю это свойство явно: return { dateHuman: dateHuman, unixTimeStamp: unixTimeStamp };
    – cyklop77
    26 окт 2017 в 11:41
  • неважно что ты возвращаешь, важно какой тип ты указал при этом.
    – Grundy
    26 окт 2017 в 11:44

2 ответа 2

2

Проблема в проверке компилятором:

при обращении через точку, компилятор проверяет, есть ли указанное свойство в типе или нет

при обращении через скобки - не проверяет.


В примере в вопросе: метод getNowDate возвращает объект типа Object, в этом типе нет свойства dateHuman, поэтому при проверке компилятор выбрасывает указанную ошибку.

2
  • Правильно ли я понимаю, что, указав в конструкторе private dateService: DateService, я объявил тип private DateService? Но откуда компилятор знает что это за тип(какие свойства в нём есть)? И можно ли его изменить?
    – cyklop77
    26 окт 2017 в 11:58
  • 1
    @cyklop77m нет не правильно. В конструкторе ты объявляешь поле класса с типом DateService. Компилятор знает об этом типе, так как ты сам указал про него все, добавив строчку import { DateService } from '../services/date.service';
    – Grundy
    26 окт 2017 в 12:22
2

Проблема - вот в этой строчке:

getNowDate(): Object

Здесь вы объявляете, что метод getNowDate возвращает Object - а у типа Object нет свойства dateHuman.

Уберите явное указание типа возвращаемого значения у метода чтобы позволить компилятору самому вывести его из оператора return.

Альтернативный вариант - объявите интерфейс, который будет возвращать ваш метод:

interface IDateInfo {
    dateHuman: string;
    unixTimeStamp: number;
}

getNowDate(): IDateInfo

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.