关于javascript:JS-原型链

7次阅读

共计 1056 个字符,预计需要花费 3 分钟才能阅读完成。

函数有原型对象 prototype,new 实例有隐式原型 __proto__

原理

    let F = function(){}
    let f1 = new F()

    F:
    {
      constructor: Function,
      __proto__: Function.prototype
      prototype: {
        constructor: F
        __proto__: Object.prototype
      }
    }

    f1:
    {
      constructor: F,
      __proto__: F.prototype
    }

字面量的形式

  let obj = {} // 相当于 let obj = new Object()

  obj.constructor === Object
  obj.__proto__ === Object.prototype

Object.create() 形式

  let obj1 = {a: 1}
  let obj2 = Object.create(obj1)

  obj2.constructor === Object
  obj2.__proto__ === obj1

构造函数的形式

var F = function(){}
var f1 = new F()

F.constructor === Function
F.__proto__ === Function.prototype
F.__proto__ === Function.__proto__
F.__proto__.__proto__ === Object.prototype
F.prototype.constructor === F
F.prototype.__proto__ === Object.prototype

f1.constructor === F
f1.__proto__ === F.prototype

class

class A {}
class B extends A {}

A.__proto__ === Function.prototype
A.prototype.constructor === A
A.prototype.__proto__ === Object.prototype

B.__proto__ === A
B.prototype.constructor === B
B.prototype.__proto__ === A.prototype

// B 的实例继承 A 的实例
Object.setPrototypeOf(B.prototype, A.prototype)
// B 继承 A 的动态属性
Object.setPrototypeOf(B, A)

Object.setPrototypeOf = function (obj, proto) {
  obj.__proto__ = proto;
  return obj;
}
正文完
 0