如何访问和读取接口对象上的 属性

Question

代码section_1中的方法在父组件中，当我在浏览器的控制台中显示measurementCoordinates中接收到的事件的内容时，我收到：

onMeasurementCoordinatesReceived:-> [object Object]

但是当我尝试访问接收到的事件的任何 属性 时，我收到 undefined。

请告诉我如何访问和读取接口对象上的 属性

代码:

onMeasurementCoordinatesReceived(measurementCoordinates: ICoordinates) {
    console.log("onMeasurementCoordinatesReceived:-> " + measurementCoordinates);
}

chils组件中的接口

export interface ICoordinates {
    originLng: number;
    originLat: number;
    destinationLng: number;
    destinationLat: number;
}

Answer 1

首先，您可以 console.log 一个带有“,”而不是“+”的字符串 + 对象，例如： console.log("string", object)

否则js会使用默认的toString "[object Object]"

您可以像访问任何其他对象一样访问 属性，就像： objectName.propertyName