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

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 3618 days ago, the information mentioned may be changed or developed.

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

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 这个函数，为什么？？
两种方式有什么异同吗？我记得书上提过第二种只是对第一种声明变量多的简便写法。

sayname

function

函数

yna

10 replies • 2016-07-12 14:13:52 +08:00

judasnow

Jul 11, 2016

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

Parabolazz

Jul 11, 2016

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

shyling

Jul 11, 2016 via iPad

把注释的部分放到 Person 外面

coolzjy

Jul 11, 2016

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

judasnow

Jul 11, 2016

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

songz

Jul 11, 2016

Person.prototype.sayName

learnshare

Jul 11, 2016

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

palmers

Jul 11, 2016

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

Cytrs

Jul 12, 2016

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

Sparetire

Jul 12, 2016

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