原型链中的顺序问题

最新推荐文章于 2022-11-18 22:13:23 发布

coderMozart

最新推荐文章于 2022-11-18 22:13:23 发布

阅读量399

点赞数

分类专栏： JavaScript 文章标签：函数

本文链接：https://blog.csdn.net/coderMozart/article/details/54668596

版权

JavaScript 专栏收录该内容

66 篇文章 0 订阅

订阅专栏

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

   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