js中原型和原型链的关系图

原型和原型链是 JavaScript 中的重要概念，用于实现继承和对象属性的访问。下面是它们之间关系的简化图示：

        +------------------+        +------------------+
        |   Object         |        |   Function       |
        +------------------+        +------------------+
                  ^                          ^
                  |                          |
        +------------------+        +------------------+
        |   Object.prototype  |        |   Function.prototype |
        +------------------+        +------------------+
                  ^                          ^
                  |                          |
         +------------------+        +------------------+
         |   obj              |        |   fn                  |
         +------------------+        +------------------+

在 JavaScript 中，每个对象都有一个原型（prototype），原型是一个包含属性和方法的对象。每个函数也是一个对象，同样有一个原型。这些原型通过 `prototype` 属性指向它们所属函数的原型对象。

对象通过原型链（prototype chain）来获取属性和方法。当我们访问一个对象的属性时，JavaScript 首先查找对象本身是否有该属性，如果没有，它会继续在原型链上查找，直到找到该属性或原型链的末尾（即 `Object.prototype`）。这样就实现了属性的继承和共享。

例如，`obj` 对象通过原型链可以访问到 `Object.prototype` 上定义的属性和方法；而 `fn` 函数可以通过原型链访问到 `Function.prototype` 上定义的属性和方法。

希望以上说明能帮助您理解 JavaScript 中原型和原型链的关系。