函数声明和表达式之间的原型区别

Question

var foo = function(){alert('foo')}
function bar(){alert('bar')}

为什么foo.prototype指向Object,但命名函数bar.prototype指向自身？

我应该补充一点,从浏览器控制台可以看到这种行为.

Answer 1

如果您使用控制台(如Chrome)来记录prototype对象的值,那么我建议您不要这样做.与其他浏览器控制台一样,Chrome控制台会格式化原型对象的输出.

因此,对于命名函数,它将记录name函数,但对于未命名的函数,它将只记录Object.这并不意味着prototype函数指向Object函数本身.这就是控制台向你展示的内容(有人应该为此起诉).亲眼看看:http://jsfiddle.net/2xkpC/

它是如何知道函数的名称的prototype呢？好吧,函数的原型有一个叫做constructor函数本身的属性,函数的名称作为字符串存储name在函数调用的属性中.因此,如果您记录一个prototype对象,那么它将显示prototype.constructor.name || "Object":

var foo = function(){alert('foo')}
console.log(foo.prototype); // logs "Object"

function bar(){alert('bar')}
console.log(bar.prototype); // logs bar.prototype.constructor.name

请参阅此处的演示:http://jsfiddle.net/4bWfn/

如果打开控制台并单击记录输出附近的那个三角形,那么您将看到原型对象constructor的__proto__属性和属性.在constructor你的下方也会看到这个name属性.

要了解有关JavaScript继承的更多信息,请prototype阅读以下对象:https://stackoverflow.com/a/8096017/783743