在构造函数内外为 prototype 属性赋值的区别

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

Meteor

JSLint - a Javascript code quality tool

jsFiddle

D3.js

WebStorm

推荐书目

Javascript 权威指南第 5 版

Closure: The Definitive Guide

这是一个创建于 3954 天前的主题，其中的信息可能已经有所发展或是发生改变。

function Person(){ Person.prototype.talk=function(){alert("saying")}; } function Men(){ } Men.prototype = new Person(); var men = new Men(); men.talk();

可以执行成功，但

function Person(){ Person.prototype.talk=function(){alert("saying")}; } function Men(){ Men.prototype = new Person(); } var men = new Men(); men.talk();

报错。请问在构造函数内部和外部为 prototype 赋值有何区别

赋值

function

men.talk

4 条回复 2015-04-19 11:36:20 +08:00

iyangyuan

2015 年 4 月 18 日 via iPhone

因为第二个在new的时候，你还没有指定原型。

new相当于创建一个新对象，然后把这个新对象的原型指向函数(类)的prototype对象，第二个在构造方法里才指定原型，此时新对象的创建已经完成，它早已指向别处，所以报错。

在第二个例子中，如果再new一次，应该就不会报错了。

bombless

2015 年 4 月 18 日

function Men(){
function ret() {}
ret.prototype = new Person();
ret = new ret;
Men = ret;
return ret
}
作弊可以吗，哈哈哈

xavierchow

2015 年 4 月 18 日

请看https://developer.mozilla.org/en-US/docs/Web/Javascript/Reference/Operators/new
```
When the code new foo(...) is executed, the following things happen:

1. A new object is created, inheriting from foo.prototype.
2.The constructor function foo is called with the specified arguments and this bound to the newly created object. new foo is equivalent to new foo(), i.e. if no argument list is specified, foo is called without arguments.
3.The object returned by the constructor function becomes the result of the whole new expression. If the constructor function doesn't explicitly return an object, the object created in step 1 is used instead. (Normally constructors don't return a value, but they can choose to do so if they want to override the normal object creation process.)
```
第一步的时候，Men的prototype还不是Person对象，第二步才是执行constructor，而在你的代码中这时才改Men的prototype，晚了。

xavierchow

2015 年 4 月 19 日

补充一点，对象初始化之后prototype是不可以改变，但是可以修改prototype的属性。
所以new之后再assign prototype是不行的，但是(new Person()).talk()是OK的。