???

JavaScript ????? ??? ??? ????? ???? ?? ??? ????.
JavaScript? ????? ??? ???? ??? ? ??? ??? ????? ?????. ?? ?? JavaScript??? "??? ????? ??"? ?? ??? ??? ????. ?? ???? ?? ???? ?? ??? ?????? ?? ?? ?? ???, ??? ?? ??? ??? "??"? ??? ????.
???? ????? ???? 5?? ?? ??? ? ???? ?? ????????.

?? 1: ??? ??

?:

const obj1 = { name: 'Andy', age: 21 }
const obj2 = { name: 'Alice' }

console.log( obj1.age ? '存在' : '不存在' ); // 存在
console.log( obj2.age ? '存在' : '不存在' ); // 不存在

?? ? ??? ???? ????????
??:

const obj = { name: 'Baby', age: 0 }

console.log( obj.age ? '存在' : '不存在' ); // 不存在

? ?? ??? "??"?? ??, "???? ???"? ???? ???.

?? ? ??? ??? ? ??? ????
?? ????? ?? ?? ??? ?? ????.
???? ?? ?? ???? ? ??? 0, ? ???, NaN, ???? ?? ?? ? ? ??? ?? ?? ??? ? ??? ??? ???????.
? ??? ??? ??? ? ???? ??? ????.

?? 2: ??? ??(?.) ? ???? ?? ??

?? ?? ???????.

const obj1 = { name: 'Andy', age: 21 }
const obj2 = { name: 'Alice' }

console.log( obj1?.age !== undefined ? '存在' : '不存在' ); // 存在
console.log( obj2?.age !== undefined ? '存在' : '不存在' ); // 不存在

? ?? ??? JS ????? ???? ?? ?? ???? ???? ????.

??? ????? ??? ?? ??? ??? ?? ????.

const obj = {
    name: 'Andy',
    age: undefined
}

? ?? ?? ??? '???' ?? '???? ??'??? ????

???? ???? ??? ?? ?? ??? ?? ????.

?? 3: Object.keys() ??

??? age ??? ??? ??? ??? ?? ? ?? ????? ???? ????.

?? ??? ??? ? ????.

const obj = { name: 'Andy', age: 21 }

console.log( Object.keys(obj).includes('age') ? '存在' : '不存在' ); // 存在

??? ?? ?? ??? ?? ?? ??? ???? Object.keys()? ?????.

???? ? ?? ???? ????. ??? '??'?? ?? ??? '?? ??'???.

?? '?'? ?????? ??????.

?? ?? ??? ??? ????. ??? ?? ??? ?????.

const obj = { name: 'Andy' }
// `name` 就是 obj 自身的屬性
console.log( Object.keys(obj) ); // [ 'name' ]

?? ? ??? ??? ?? ?? ?????? ??? "?????"? ?????. ???? ?????? ??? ?????? ??? ??? "??" ??? ????.

const obj = Object.create( { type: 'human' } );
obj.name = 'Andy';

console.log( obj.name ); // Andy
console.log( obj.type ); // human
console.log( Object.keys(obj) ); // [ 'name' ]

? ??? type? obj? ???? ??? ?????? ??? ???. '?' ?? '???'?? ??? ? ????. ???? ?? ??? ???? ???.

??? ??? ? ?? ? ?? Object.keys()? ?????? ??? ??? ? ??? ????. "???" ??? ?? ? ?? ?????.

? ??? "?? ??"???.

??? ?? ???? ?????. ?? ???? JS ??? ???? ? ??? ???? ??? ?? ????.
??? ?? ? ???? ???? ???????.

const obj1 = { name: 'Andy', age: 21 }
const obj2 = { name: 'Alice' }

console.log( obj1.age ? '存在' : '不存在' ); // 存在
console.log( obj2.age ? '存在' : '不存在' ); // 不存在

? ???? ??? ?, ?? ?? ? ?? ?? ?? ?? ...

? ?? ? ??? ?? ?? ??? ???? ???? ?? ? ? ????.

? ?? ?? ??? ?? ??? ?? ?? ??? ?????. ?? ?? ? ??? for...in ?? ?? ?? ? ??? Object.keys()? ???? ???????.

??? ?? ????? ?? ???? Object.keys()? ? ??? ?? ? ????.

const obj = { name: 'Baby', age: 0 }

console.log( obj.age ? '存在' : '不存在' ); // 不存在

???? ?? ???? ?? ??? ?????. ?? ?? JS ??? ?? ?? ??? ????, ?? ?? ?? ??? ?? ?????? ?? JS? ?? ??? ?????.

??? ????? ??? ?? ?? ??? ???? ?? ??? ??? ??? ???? ??? Object.keys()? ??? ? ????. ?? ??? ??? ? ????.

?? 4: Object.hasOwn() ?? hasOwnProperty() ??

Object.hasOwn()? hasOwnProperty()? ???? ??????

Object.hasOwn()? ES2022? ??? ????, ?? ??? ?? ??? ??? ???? hasOwnProperty? ??? ??? ???? ? ?????. ? ??? ??? ????? ??? ???? ??? ?????. ? ??? ????? ????? ??? ??? ? ????.

? ? ?? ??? "own" ?? ??? ????? ?? ?? ??? ???? ?? ? ????.

const obj1 = { name: 'Andy', age: 21 }
const obj2 = { name: 'Alice' }

console.log( obj1?.age !== undefined ? '存在' : '不存在' ); // 存在
console.log( obj2?.age !== undefined ? '存在' : '不存在' ); // 不存在

??? hasOwnProperty()? ??? ? ???? Object.hasOwn()? ???? ??:

const obj = {
    name: 'Andy',
    age: undefined
}

????? ?? ??? ????? ?? ???? ??? ?? ?? ?????? ???? ??? ??? ???? ???.

?? 5: ?????

in ???? ?? ?? ??? ????? ??? ??? ????? ???? ? ?????.

const obj = { name: 'Andy', age: 21 }

console.log( Object.keys(obj).includes('age') ? '存在' : '不存在' ); // 存在

??

??? ??? ?? ??? ?? ???? ??? ????. ?? ????? ??? ?? ??? ??? ?? ????. ??? ?? ?? ??? ???? ?? ???? ??? ?????.

? ??? [Every Breakthrough] JavaScript? ??? ????? ???? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!