【hasownproperty.call用法】在 JavaScript 编程中，`hasOwnProperty` 是一个非常常见的方法，用于判断某个对象是否拥有指定的属性。然而，在实际开发过程中，我们有时会遇到需要改变 `this` 上下文的情况，这时候就需要使用到 `call()` 方法来调用 `hasOwnProperty`。
一、什么是 `hasOwnProperty`？
`hasOwnProperty` 是 `Object.prototype` 的一个方法，用于检查对象自身（而非继承来的）是否包含某个特定的属性。例如：
```javascript
const obj = { name: 'Alice' };
console.log(obj.hasOwnProperty('name')); // true
console.log(obj.hasOwnProperty('age'));// false
```
这个方法返回的是布尔值，可以用来避免遍历原型链时误判属性来源。
二、为什么需要 `hasOwnProperty.call`？
默认情况下，当我们调用 `obj.hasOwnProperty('key')` 时，`this` 指向的是 `obj` 对象。但在某些情况下，比如我们在一个函数内部操作对象，并希望动态地检查某个对象是否有该属性时，可能需要显式地指定 `this` 的指向。
这时候就可以使用 `call()` 方法来调用 `hasOwnProperty`，并传递目标对象作为第一个参数。
示例：
```javascript
function checkProperty(obj, prop) {
return Object.prototype.hasOwnProperty.call(obj, prop);
}
const user = { id: 1, name: 'Bob' };
console.log(checkProperty(user, 'id')); // true
console.log(checkProperty(user, 'age'));// false
```
在这个例子中，我们通过 `Object.prototype.hasOwnProperty.call(obj, prop)` 来确保调用的是原生的 `hasOwnProperty` 方法，而不是被覆盖或重写的方法。
三、为什么要用 `Object.prototype.hasOwn...` 而不是直接调用 `obj.hasOwn...`？
有时候，开发者可能会在对象上定义一个名为 `hasOwnProperty` 的属性，这会导致原本的 `hasOwnProperty` 方法被覆盖。例如：
```javascript
const obj = {
hasOwnProperty: 'This is a string',
name: 'Charlie'
};
console.log(obj.hasOwnProperty('name')); // 报错：不是函数
```
为了避免这种情况，推荐使用 `Object.prototype.hasOwnProperty.call(obj, prop)` 这种方式来调用，以确保调用的是原始方法，而不是被覆盖的版本。
四、`call()` 方法的作用
`call()` 是 JavaScript 中的一个函数方法，用于调用函数，并显式设置其 `this` 值。它的基本语法是：
```javascript
function.call(thisArg, arg1, arg2, ...)
```
- `thisArg`：表示调用函数时 `this` 的指向。
- `arg1, arg2, ...`：传递给函数的参数。
因此，`Object.prototype.hasOwnProperty.call(obj, 'prop')` 实际上就是将 `hasOwnProperty` 方法绑定到 `obj` 上，并传入 `'prop'` 作为参数进行调用。
五、总结
- `hasOwnProperty` 是用来判断对象自身是否拥有某属性的方法。
- 在某些情况下，如防止属性名冲突或动态调用时，使用 `call()` 可以更安全地调用 `hasOwnProperty`。
- 推荐使用 `Object.prototype.hasOwnProperty.call(obj, prop)` 来确保调用的是原生方法，避免被覆盖。
通过合理使用 `hasOwnProperty.call`，我们可以编写出更加健壮和可维护的 JavaScript 代码。
