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

代码

第_1节

中的方法在父组件中，当我在浏览器控制台中显示

测量坐标

中收到的事件内容时，我收到：

onMeasurementCoordinatesReceived:-> [object Object]

但当我试图访问所接收事件的任何属性时，我会收到

未定义的

请让我知道如何访问和读取接口对象上的属性

代码：

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

chils组件中的接口

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

首先，您可以使用“，”而不是“+”来记录字符串+对象，如：
console.log（“字符串”，对象）

否则，js将使用默认的toString“[object]”

您可以像访问任何其他对象一样访问属性，就像：
objectName.propertyName
尝试这样记录
console.log（“onmeasurementcoordinaesreceived:->”，measurementCoordinates）您将能够展开对象并查看其中的内容。在这种情况下，您没有显示从子组件发出的内容。接口不是对象，而是对象应该具有的语法。例如，您的ICoordinates接口将只接受4个属性。如果您试图添加另一个属性，比如说距离，编码时它会显示错误。