看了《JavaScript 高级程序设计》，有个关于动态原型模式的问题

[cheroky]

书上介绍了动态原型模式的代码如下：

function Person(name,age,job) {
    //property
    this.name = name;
    this.age = age;
    this.job = job;
    //method
    if(typeof this.sayName != "function") {
        Person.prototype.sayName = function() {
            console.log(this.name);
        }
        
        //Person.prototype = {
        //    sayName: function() {
        //        console.log(this.name);
        //    }
        //} //这样的写函数的方式报错说没有 sayName 这个函数
    }
}

当我用注释的 sayName 写法时会提示找不到 sayName 这个函数，为什么？？
两种方式有什么异同吗？我记得书上提过第二种只是对第一种声明变量多的简便写法。

[judasnow]

你直接把 prototype 给覆盖了。放到构造函数外面就行了。

[Parabolazz]

你看高程 156 页，用对象字面量的方法相当于重写了整个原型。切断了构造函数和最初的原型之间的联系。
我的理解是你这时 new 一个新实例，实例的原型并没有 sayName 方法，因为 sayName 方法保存在新的原型对象上了。

[shyling]

把注释的部分放到 Person 外面

[coolzjy]

http://www.v2ex.com/t/184613#reply4

[judasnow]

@judasnow 研究了下，忽略我的第一句话吧 233

[songz]

Person.prototype.sayName

[learnshare]

不要覆盖 prototype ，用 #6 的方式，扩展 prototype 。

[palmers]

据我的分析是这样的： 你注释的内容改变了对象的原型对象， 所以，通过 Person `new`操作符实例化的对象的原型是 Object 不再是 Person.prototype 了，然而， sayName 函数并不在 Person 对象的原型上，所以找不到，注释代码中 sayName 函数实际上是在通过 new Person()得到的对象的构造函数的原型上，也就是 Person.prototype.constructor.__proto__ ;

[Cytrs]

之前刚好看到了一篇文章 https://segmentfault.com/a/1190000000602050

[Sparetire]

准确说应该是创建的第一个对象没有 sayName 方法，之后创建的对象都有 sayName 方法，可以试试
因为创建第一个对象的时候的原型对象没有 sayName 方法，之后每次创建对象都重写了原型，且这些原型都有 sayName 方法，所以只有第一个对象没有 sayName ，之后的都有