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

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

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

比如：
>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 replies • 2014-07-29 16:43:32 +08:00

yimity

Jul 24, 2014

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

rcmerci

Jul 25, 2014

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

coolicer

Jul 26, 2014

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

rcmerci

Jul 27, 2014

@coolicer 但是有什么区别呢？

coolicer

Jul 27, 2014

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

rcmerci

Jul 27, 2014

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

coolicer

Jul 28, 2014

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

lijsh

Jul 29, 2014

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

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

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

rcmerci

Jul 29, 2014

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