OLOO创建方式差异及两个Foo版本的其他区别技术问询

嘿，我来帮你拆解清楚这些OLOO相关的疑问！

一、OLOO的常见创建方式及核心差异 #

OLOO（Object Linked to Other Objects）的核心就是绕开传统构造函数，让对象直接通过原型链链接复用逻辑，它的常见创建方式有这几种，差异主要体现在原型初始状态和适用场景上：

• 基于已有对象直接链接：就像你代码里var Bar = Object.create(Foo)这种，直接让新对象的原型指向已有对象，是OLOO最常用的写法。好处是能直接复用已有对象的所有属性和方法，完全不需要构造函数那套语法。
• 创建无原型的“纯净”对象：用var Foo = Object.create(null)创建的对象，完全没有原型链——连Object.prototype都不挂，也就是你说的“没有原型链的Foo”。这种方式的差异很明显：
  • 不会继承Object.prototype上的任何内置方法（比如toString()、hasOwnProperty()），既避免了原型污染的风险，也不会出现遍历到意外原型属性的情况。
  • 适合做纯粹的字典存储，不用担心和内置方法重名的问题。
• 结合属性描述符创建：var Foo = Object.create(BaseObj, { name: { value: 'test', writable: true } })，这种写法能用第二个参数直接定义对象的自有属性，还能精确控制属性的可写、可枚举、可配置特性，比先创建再赋值更严谨。

二、两个Foo版本的其他隐藏差异（除了原型链） #

你说两个Foo的typeof都是对象，日常用起来没发现行为变化，其实是因为你的代码没触及这些差异点，实际还有这些区别：

• 内置方法可用性：字面量创建的Foo默认链接到Object.prototype，所以你可以直接写Foo.hasOwnProperty('init')或者Foo.toString()；但无原型链的Foo调用这些方法会直接报错，因为它根本没继承这些方法。
• 属性遍历的纯净度：用for...in遍历字面量Foo时，如果Object.prototype被扩展过（比如有人加了自定义方法），这些原型上的属性也会被遍历出来；而无原型链的Foo遍历只会得到自身的属性，完全不会有干扰。
• 类型检测的细节差异：虽然typeof都是object，但用instanceof Object检测的话，字面量Foo会返回true，无原型链的Foo则返回false——因为instanceof是靠原型链来判断的。
• JSON序列化的潜在差异：如果你的Foo上有自定义的toJSON方法（字面量Foo可以继承Object.prototype的默认实现），无原型链的Foo就没有这个方法，序列化时可能会有细微差别；不过如果只是普通的可枚举属性，两者序列化结果是一致的。

三、你的代码为啥没看出差异？ #

看你给出的这段OLOO代码：

var Foo = { 
  init: function(who) { this.me = who; }, 
  identify: function() { return "I am " + this.me; } 
}; 
var Bar = Object.create( Foo ); 
Bar.speak = function() { alert( "Hello, " + this.identify() + "." ); }; 
var b1 = Object.create( Bar ); 
b1.init( "b1" );

你的逻辑完全没用到Object.prototype上的任何方法，不管Foo是字面量还是无原型链的，Bar和b1的链接关系都能正常工作——init和identify都是Foo的自有方法，b1通过原型链能正常访问，this也能正确指向b1实例，所以你自然看不出行为差异啦！

内容的提问来源于stack exchange，提问作者Tristan Forward