옵셔널 체이닝 (?.)
const user = {
name: "뽀로로",
address: {
city: "jeju"
},
number: {
location: "seoul",
},
sayHello() {
console.log("Hello world");
}
};
console.log(user.number);
console.log(user && user.number && user.number.location); // undefined
console.log(user?.number?.location); // undefined -> null이나 undefined가 아니면 뒷값으로 넘어감
console.log(user.sayHello?.()); //undefined -> sayHello의 반환값이 없기 때문에 undefined / return값이 있어야 반환값이 생성
'Codeit > JavaScript' 카테고리의 다른 글
함수와 Destructuring (0) | 2024.08.09 |
---|---|
Destructuring (구조분해) (0) | 2024.08.09 |
모던한 프로퍼티 표기법 (0) | 2024.08.09 |
Spread 구문 (0) | 2024.08.09 |
조건을 다루는 표현식 (0) | 2024.08.09 |
옵셔널 체이닝 (?.)
const user = {
name: "뽀로로",
address: {
city: "jeju"
},
number: {
location: "seoul",
},
sayHello() {
console.log("Hello world");
}
};
console.log(user.number);
console.log(user && user.number && user.number.location); // undefined
console.log(user?.number?.location); // undefined -> null이나 undefined가 아니면 뒷값으로 넘어감
console.log(user.sayHello?.()); //undefined -> sayHello의 반환값이 없기 때문에 undefined / return값이 있어야 반환값이 생성
'Codeit > JavaScript' 카테고리의 다른 글
함수와 Destructuring (0) | 2024.08.09 |
---|---|
Destructuring (구조분해) (0) | 2024.08.09 |
모던한 프로퍼티 표기법 (0) | 2024.08.09 |
Spread 구문 (0) | 2024.08.09 |
조건을 다루는 표현식 (0) | 2024.08.09 |