`Object.prototype`：所有对象的终点与常见方法

Object.prototype：万物归一处，方法任我舞！ (一场关于JavaScript对象原型的奇妙旅程)

大家好！欢迎来到今天的“原型链探险”课堂！我是你们的向导，老码农一枚。今天，我们要聊聊一个在JavaScript世界里至关重要，却又常常被新手们忽略的大佬——Object.prototype。

想象一下，你来到了一个金字塔的顶端，俯瞰整个JavaScript对象帝国，而Object.prototype，就是这座金字塔的基石，也是它那闪耀的塔尖！它就像是一位慈祥的老祖宗，默默地为所有的JavaScript对象提供着基础属性和方法，影响着它们的行为和命运。

一、故事的开始：一切皆对象，对象皆有源

在JavaScript的世界里，几乎“一切皆对象”。数字、字符串、数组、函数，甚至连null和undefined之外的一切值，都可以被视为对象。那么，这些对象从哪里来？它们又有什么共同的特点呢？

这就是Object.prototype发挥作用的地方了。它可以被理解为所有对象的“原型”，或者说是它们的“模板”。当你创建一个新的对象时，它会自动继承Object.prototype中的属性和方法。

就像我们人类，虽然长相各异，性格不同，但都拥有共同的祖先，都共享着一些基本的生理特征。 JavaScript对象也是如此，它们都共享着Object.prototype提供的基本“基因”。

二、Object.prototype里都有啥？（秘籍大公开！）

那么，这位“老祖宗”到底给我们留下了哪些宝贵的遗产呢？让我们打开Object.prototype的宝箱，看看里面都有些什么宝贝：

方法/属性	描述	备注
`constructor`	指向创建该对象的构造函数。就像是对象的“户口本”，记录着它是谁家的孩子。	默认情况下，指向`Object`构造函数。
`hasOwnProperty(propertyName)`	判断对象自身是否拥有指定的属性，而不是从原型链上继承的。就像是问：“这个东西是我的吗？还是我从别人那里借来的？”	非常实用，避免原型链污染。
`isPrototypeOf(object)`	判断当前对象是否在另一个对象的原型链上。就像是问：“我是你的祖先吗？”	用于判断对象之间的继承关系。
`propertyIsEnumerable(propertyName)`	判断指定的属性是否可枚举。可枚举的属性才会在`for...in`循环中被遍历到。就像是问：“这个东西能被展示给别人看吗？”	控制属性的可见性。
`toLocaleString()`	返回一个表示该对象的本地化字符串。这个方法会调用对象的`toString()`方法，并根据不同的语言环境进行格式化。就像是把对象翻译成当地的语言。	用于国际化和本地化。
`toString()`	返回一个表示该对象的字符串。默认情况下，返回`"[object type]"`，其中`type`是对象的类型。就像是给对象贴上一个标签，告诉别人它是什么。	可以被重写，以提供更有意义的字符串表示。
`valueOf()`	返回对象的原始值。对于大多数对象来说，它的返回值就是对象本身。但对于一些特殊的对象，比如`Number`、`String`、`Boolean`，它的返回值是对应的原始值。就像是把对象还原成最基本的形式。	用于类型转换。
`__proto__` (已弃用，不推荐使用)	指向对象的原型。这是一个非标准的属性，已经被`Object.getPrototypeOf()`和`Object.setPrototypeOf()`取代。就像是对象的“族谱”，记录着它的祖先。	强烈建议使用`Object.getPrototypeOf()`和`Object.setPrototypeOf()`。

这些方法和属性，就像是Object.prototype为我们提供的“工具箱”，让我们能够更好地操作和管理JavaScript对象。

三、原型链：寻根溯源的旅程

当访问一个对象的属性或方法时，JavaScript引擎会按照一定的顺序进行查找。这个查找的顺序，就叫做“原型链”。

原型链就像是一条寻根溯源的道路，它从对象自身开始，沿着__proto__（或者Object.getPrototypeOf()) 向上追溯，直到找到目标属性或方法，或者到达原型链的顶端——Object.prototype的__proto__，也就是null。

如果到达了null，仍然没有找到目标属性或方法，那么JavaScript引擎就会返回undefined。

让我们用一个简单的例子来说明：

function Person(name) {
  this.name = name;
}

Person.prototype.sayHello = function() {
  console.log("Hello, my name is " + this.name);
};

const person = new Person("Alice");

// 1. 访问 person.name：直接在person对象自身找到name属性，返回 "Alice"
console.log(person.name); // 输出 "Alice"

// 2. 访问 person.sayHello()：person对象自身没有sayHello方法，沿着原型链向上查找，在Person.prototype中找到sayHello方法，执行该方法，输出 "Hello, my name is Alice"
person.sayHello();

// 3. 访问 person.toString()：person对象自身和Person.prototype都没有toString方法，沿着原型链继续向上查找，在Object.prototype中找到toString方法，执行该方法，输出 "[object Object]"
console.log(person.toString());

// 4. 访问 person.nonExistentMethod()：person对象自身、Person.prototype和Object.prototype都没有nonExistentMethod方法，到达原型链的顶端null，返回 undefined
console.log(person.nonExistentMethod); // 输出 undefined

在这个例子中，我们可以看到原型链是如何工作的：

首先，JavaScript引擎会尝试在对象自身查找属性或方法。
如果找不到，就沿着__proto__向上查找，直到找到目标，或者到达null。

四、修改Object.prototype：谨慎而行，如履薄冰

既然Object.prototype是所有对象的原型，那么修改它，岂不是就可以影响到所有的对象？

理论上是这样没错。但是！ 千万要谨慎！ 就像给皇帝的圣旨动刀子一样，后果不堪设想！

修改Object.prototype可能会导致以下问题：

原型链污染： 如果你的代码依赖于某个属性或方法不存在于Object.prototype上，而你却添加了它，那么你的代码可能会出现意想不到的错误。
兼容性问题： 不同的浏览器和JavaScript引擎对Object.prototype的实现可能有所不同，修改它可能会导致你的代码在某些环境中无法正常工作。
可维护性问题： 修改Object.prototype会使你的代码更加难以理解和维护，因为你需要时刻记住你对Object.prototype做了哪些修改。

虽然不建议修改Object.prototype，但在某些特殊情况下，我们可能需要这样做。比如，为了提供一些polyfill，或者为了扩展JavaScript的功能。

如果确实需要修改Object.prototype，请务必遵循以下原则：

只添加必要的方法： 不要随意添加不常用的方法，尽量保持Object.prototype的干净和简洁。
使用hasOwnProperty()进行判断： 在遍历对象的属性时，一定要使用hasOwnProperty()进行判断，避免遍历到原型链上的属性。
使用Object.defineProperty()定义属性： 使用Object.defineProperty()可以更精细地控制属性的行为，比如设置属性是否可枚举、可配置、可写等。
添加注释： 一定要添加详细的注释，说明你为什么修改了Object.prototype，以及这个修改可能会带来的影响。

五、Object.create(null)：创建一个没有原型的对象

有时候，我们可能需要创建一个完全干净的对象，没有任何原型。这时候，就可以使用Object.create(null)。

Object.create(null)会创建一个没有任何属性和方法的对象，甚至连toString()、hasOwnProperty()等方法都没有。

这种对象通常用于以下场景：

创建一个空的Map： 由于Object.create(null)没有原型，因此可以避免原型链上的属性干扰Map的键。
创建一个安全的对象： 由于Object.create(null)没有原型，因此可以避免原型链污染。

六、Object.getPrototypeOf()和Object.setPrototypeOf()：控制对象的原型

Object.getPrototypeOf()用于获取对象的原型，而Object.setPrototypeOf()用于设置对象的原型。

这两个方法是ES6中新增的，用于取代已经弃用的__proto__属性。

使用Object.getPrototypeOf()和Object.setPrototypeOf()可以更安全、更可靠地控制对象的原型。

七、案例分析：利用Object.prototype扩展数组功能

虽然不建议随意修改Object.prototype，但我们可以利用它来扩展一些JavaScript内置对象的功能。比如，我们可以给Array.prototype添加一个unique()方法，用于去除数组中的重复元素：

if (!Array.prototype.unique) { // 确保unique方法不存在
  Object.defineProperty(Array.prototype, 'unique', {
    value: function() {
      const seen = {};
      const result = [];
      for (let i = 0; i < this.length; i++) {
        const value = this[i];
        if (!(value in seen)) {
          seen[value] = true;
          result.push(value);
        }
      }
      return result;
    },
    enumerable: false, // 设置为不可枚举，避免在for...in循环中被遍历到
    writable: true,
    configurable: true
  });
}

const arr = [1, 2, 2, 3, 4, 4, 5];
const uniqueArr = arr.unique();
console.log(uniqueArr); // 输出 [1, 2, 3, 4, 5]

在这个例子中，我们使用了Object.defineProperty()来定义unique()方法，并将其设置为不可枚举。这样可以避免unique()方法在for...in循环中被遍历到，从而减少原型链污染的风险。

八、总结：拥抱原型，理解原型，驾驭原型

Object.prototype是JavaScript对象原型链的核心，理解它对于深入理解JavaScript至关重要。它就像是JavaScript对象世界的“根”，连接着所有的对象，影响着它们的行为和命运。

虽然修改Object.prototype需要谨慎而行，但我们可以利用它来扩展JavaScript的功能，提高开发效率。

希望今天的课程能够帮助大家更好地理解Object.prototype，并在实际开发中更好地利用它。

记住，原型链就像是一条寻宝之路，只要你掌握了正确的方向和方法，就能找到你想要的宝藏！ 💰

下次再见！ 👋

Object.prototype：万物归一处，方法任我舞！ (一场关于JavaScript对象原型的奇妙旅程)

发表回复 取消回复

发表回复取消回复