如何理解JavaScript原型链_JavaScript中的继承机制怎样工作

admin 百科 7
原型链是JavaScript中对象属性查找的路径,从实例__proto__逐级向上追溯至Object.prototype(__proto__为null终止);构造函数的prototype是原型链起点,实例__proto__指向其prototype;继承需用Object.create(Parent.prototype)链接子类prototype并修复constructor,同时用Parent.call(this)继承实例属性。

如何理解JavaScript原型链_JavaScript中的继承机制怎样工作-第1张图片-佛山资讯网

原型链的本质是属性查找路径

JavaScript 中每个对象都有一个隐式原型 __proto__,它指向该对象的原型对象。当你访问一个对象的属性或方法时,引擎会先在对象自身查找;没找到,就顺着 __proto__ 去它的原型上找;还没找到,继续往上,直到抵达 Object.prototype(此时 __proto__null,链终止)。这条逐级向上查找的路线,就是原型链。

构造函数与 prototype 是原型链的起点

函数创建时自动拥有 prototype 属性,它是一个对象,初始包含 constructor 指向该函数本身。用 new 调用构造函数生成实例时,实例的 __proto__ 会自动指向该函数的 prototype。例如:

  • function Animal(name) { this.name = name; }
  • Animal.prototype.speak = function() { console.log(this.name + ' makes a sound'); };
  • const dog = new Animal('Dog');dog.__proto__ === Animal.prototype 为真

继承靠的是原型链的“拼接”

要让子类继承父类的方法,关键是把子类的 prototype 链接到父类的 prototype 上。常用方式是:

标签: javascript java speak

发布评论 0条评论)

还木有评论哦,快来抢沙发吧~