hasOwnProperty 判断的 key 是 Number 类型的情况

首先该问题的背景是看到网友提出的一个问题：

var a = {1: 'a', 2: 'b'}
console.log(a.hasOwnProperty('1')) // true
console.log(a.hasOwnProperty(1)) // true - 为啥？

首先看下 MDN 对 hasOwnProperty 的说明：

hasOwnProperty() 方法会返回一个布尔值，指示对象自身属性中是否具有指定的属性（也就是，是否有指定的键）。

参数：

prop

​ 要检测的属性 String 字符串形式表示的名称，或者 Symbol。

和我经常理解的一样，它应该只是用来接收字符串的（Symbol暂不考虑），可为什么接收 Number 类型的值也可以。

我能理解它的结果，但不能理解它的逻辑，因为我之前一直以为它内部是类似这样的流程：

• 遍历 Object 自身的属性，例如 Object.keys
• 然后比对每个属性的名称与判断的名称是否相等

var a = {1: 'a', 2: 'b'}
a.hasOwnProperty = function(propName) {
  return Object.keys(this).some(key => {
    return key === propName
  })
}
console.log(a.hasOwnProperty('1'))

这么看来似乎 hasOwnProperty 只能接收字符串类型的格式，但看到了上面同学发的结果，我又想可能里面的逻辑应该是 return key == propName 而不是 ===。

为了知其所以然，我就去翻看了 EcmaScript 标准，然后找到了 hasOwnProperty 内部的流程是这样的：

Object.prototype.hasOwnProperty ( V )

当使用参数 V 调用 hasOwnProperty会进行以下几个步骤：

1. Let P be ? ToPropertyKey(V). - 将参数 V`转化成 属性key 的类型（String or Symbol），并赋值给 P
2. Let O be ? ToObject(this value). - 将参数 O（即调用 hasOwnProperty 的对象）转化成 Object 类型，并赋值给 O
3. Return ? HasOwnProperty(O, P). - 返回内部操作 HasOwnProperty 的结果

ToPropertyKey ( argument )

它将参数转换为可以用作属性键的值。它在被调用时执行以下步骤：

1. Let key be ? ToPrimitive(argument, string). - 将参数 argument 转换成 string 类型，并赋值给 key

2. If Type(key) is Symbol, then - 如果 key 是 Symbol 类型则直接返回

   a. Return key.

3. Return ! ToString(key). - 将 key 转化成字符串类型，并返回

HasOwnProperty ( O, P )

它用于确定对象是否具有具有指定属性键的自己的属性。它在被调用时执行以下步骤：

1. Assert: Type(O) is Object. - 判断O是否是 Object 类型
2. Assert: IsPropertyKey(P) is true. - 判断 P 是否是一个属性key 的类型（String or Symbol）
3. Let desc be ? O.[[GetOwnProperty]](P). - 通过内部操作 [[GetOwnProperty]] 获取 O 对象下的 P 属性，并赋值给 desc
4. If desc is undefined, return false. - 如果 desc 是 undefined 则返回 false
5. Return true. - 否则返回 true

[[GetOwnProperty]]

Internal Method	Signature	Description
[[GetOwnProperty]]	(propertyKey) → Undefined | Property Descriptor	Return a Property Descriptor for the own property of this object whose key is propertyKey, or undefined if no such property exists.

关于 [[GetOwnProperty]] 的内部逻辑就不细说了，总之 hasOwnProperty 会先将参数转化成 String，再去校验，所以 hasOwnProperty(1) 可以返回 true

参考：20.1.3.2 Object.prototype.hasOwnProperty ( V )