在构造函数 c 里面定义函数和在 c.prototype 里面定义有什么区别？

V2EX = way to explore

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

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

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

比如：
>function I(){this.func=function(){return this}}
undefined
>I.prototype={func2:function(){return this}}
Object {func2: function}
>a=new I()
I {func: function, func2: function}
>a.func()
I {func: function, func2: function}
>a.func2()
I {func: function, func2: function}
----------------------------------------------------
这里的话，方法定义在I里面和prototype里会有什么区别呢？

function

函数

定义

9 条回复 • 2014-07-29 16:43:32 +08:00

yimity

2014-07-24 21:05:12 +08:00

定义在 i 里，new 的时候，每个实例都会有，占用内存多，放在原型里，所有实例都只用一个引用。

rcmerci

2014-07-25 14:03:16 +08:00

@yimity 也就是说，除了占内存之外别的区别没有吗？

coolicer

2014-07-26 17:27:14 +08:00

一种叫特权方法，一种叫公有方法

rcmerci

2014-07-27 16:30:48 +08:00

@coolicer 但是有什么区别呢？

coolicer

2014-07-27 20:18:45 +08:00

@rcmerci 你为什么要问不同的东西有什么区别 =。=

rcmerci

2014-07-27 20:48:45 +08:00

@coolicer 就是，方法x定义在prototype里和定义在构造函数里，a=new XX(),a.x()效果不是一样吗？

coolicer

2014-07-28 08:33:20 +08:00

@rcmerci 一楼说了，this方法是每个实例都会生成，而prototype里的方法是会共享的。

lijsh

2014-07-29 13:14:04 +08:00

假设构造函数里定义的方法是fn，这个方法在以new调用构造函数时是直接赋值在实例上的，每调用一次构造函数就生成一次新的fn，也就是说生成1000个实例就会生成1000次这个函数。

另外构造函数里定义的属性和方法是会覆盖prototype上的同名属性（方法）的。

所以楼主问题的答案是：
1：内存占用有区别，构造函数上的方法会重复调用，prototype上的方法会在实例生成时自动继承；
2：优先级有区别，构造函数上的属性（方法）会覆盖prototype上的属性（方法）。

rcmerci

2014-07-29 16:43:32 +08:00

@lijsh 太赞了，要的就是这个答案