原型链中的顺序问题

最新推荐文章于 2025-05-07 11:03:35 发布

原创最新推荐文章于 2025-05-07 11:03:35 发布 · 464 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#函数

JavaScript 专栏收录该内容

66 篇文章

订阅专栏

本文探讨了JavaScript中原型链的实现方式及方法调用顺序的重要性。通过对比两种不同的实现方式，展示了如何正确地设置原型对象以确保可以访问到定义在新原型上的方法。

原型链中存在一种顺序的小关注点：

   function Person () {
   }

   var person = new Person();

   Person.prototype = {
      name: 'Sea',
      sayName: function () {
           alert(this.name);
    }
  }

  person.sayName(); //Type Error

原因如下图所示：
原型模式

改变一下原有的创建原型对象的顺序，就可以访问新原型上定义的方法了：

   function Person () {
   }

   Person.prototype = {
      name: 'Sea',
      sayName: function () {
        alert(this.name);
      }
   }  

   var person = new Person();

   person.sayName(); // Sea