5分钟内理解 .prototype 链 | 2024

文章预览

在JavaScript的世界里,原型(prototype)系统是一个常被讨论但不易掌握的概念。作为JavaScript继承模型的基石,理解原型对于构建大型应用或进行对象操作至关重要。让我们一起探索这个迷人的话题,揭开原型系统的神秘面纱。 什么是原型? 在JavaScript中,每个对象都有一个内部属性 [[Prototype]] 。这个属性指向另一个对象,我们称之为原型。原型就像一个模板,对象从中继承属性和方法。 当我们尝试访问一个对象的属性或方法时,JavaScript首先在对象本身查找。如果没有找到,它会沿着原型链向上查找,直到找到该属性或达到原型链的顶端(null)。 我们通过一个简单的例子来理解这个过程: const  animal = {    makeSound :  function ( )  {      console .log( "Some generic animal sound" );   } }; const  dog =  Object .create(animal); dog.bark =  function ( )  {    console .log( "Woof!" ); }; dog.makeSound() ………………………………