Javascript Object Literal 에러 방지 및 default값 설정

x, y, width, height가 없어도 에러 나지 않도록 함

const data = {
    rectData: {
        x: 10,
        y: 20
    }
};

// Using ?. to safely access properties
const x = data.rectData?.x;          // 10
const y = data.rectData?.y;          // 20
const width = data.rectData?.width;  // undefined
const height = data.rectData?.height; // undefined

console.log(x, y, width, height);

x, y, width, hegith의 디폴트값 지정

const data = {
    rectData: {
        x: 10,
        y: 20
    }
};

// Using ?. to safely access properties
const x = data.rectData?.x ?? 0;          // default 0
const y = data.rectData?.y ?? 0;          // default 0
const width = data.rectData?.width ?? 0;  // default 0
const height = data.rectData?.height ?? 0; // default 0

console.log(x, y, width, height);