大家好！今天我们来聊聊一个非常实用的小技巧：如何在JavaScript中给对象添加不存在的属性。

检查并添加对象属性

有时候我们需要给一个对象添加新的属性，但是我们不确定这个属性是否已经存在。为了避免错误，我们可以先检查一下这个属性是否存在。如果不存在，再添加它。

我们来看一个简单的例子：

const person = {}// 检查person对象中是否有name属性，如果没有，就添加一个name属性if (!person.hasOwnProperty('name')) {  person.name = {}; // 如果没有name属性，就把它设为空对象}// 现在我们可以安全地给name属性添加其他属性了  person.name.firstName = "John";  person.name.lastName = "Doe";  console.log(person);

在这个例子中，我们有一个空的person对象。我们想给它添加一个name属性，但是我们不确定它是否已经存在。于是我们用hasOwnProperty方法检查一下。如果person对象中没有name属性，我们就给它添加一个空对象。

接着，我们可以放心地给name属性添加firstName和lastName属性了。

确保调用正确的hasOwnProperty方法

需要注意的是，hasOwnProperty方法可以被对象本身覆盖。所以，为了确保我们调用的是正确的方法，可以使用Object.prototype.hasOwnProperty.call：

const person = {}// 使用Object.prototype.hasOwnProperty.call来检查属性if (!Object.prototype.hasOwnProperty.call(person, 'name')) {  person.name = {}; // 如果没有name属性，就把它设为空对象} // 现在我们可以安全地给name属性添加其他属性了  person.name.firstName = "John";  person.name.lastName = "Doe";console.log(person);

在这个例子中，我们用Object.prototype.hasOwnProperty.call来检查person对象是否有name属性。这样我们就可以确保调用的是原始的hasOwnProperty方法，而不是被对象覆盖的版本。

小结

总结一下，如果你想在JavaScript中给对象添加新的属性，可以使用hasOwnProperty方法检查属性是否存在。如果属性不存在，就可以放心地添加它。