js 给构造函数添加属性

Question

    var Foo = function(){
        this.age = 18;
        this.**getName** = function () {
            console.log('2');
        }
    }
    Foo.**getName** = function () {
        console.log('2');
    }
    

请问一下，这两个getName属性有什么区别吗？

Answer 1

构造函数里面的属性是添加到实例上面的；Foo.getName是Foo这个对象的属性。
例如：var foo = new Foo()，此时foo这个实例的getName是构造函数中添加的实例属性，而Foo.getName是Foo对象的属性

Answer 2

一个属于Foo对象，一个属于对象实例；

Answer 3

第一个是加在实例上，属于实例属性。
第二个是把构造器当做函数用的，getName直接加在构造器上。

可以测试一下

var t = new Foo()
t.getName()   
t.constructor.getName()

观察两者的结果，相信你就能明白

Answer 4

一个是原型的属性，一个是实例对象的属性