js 给构造函数添加属性

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

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

回复
阅读 1.5k
4 个回答
✓ 已被采纳

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

一个属于Foo对象,一个属于对象实例;

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

可以测试一下

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

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

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

你知道吗?

宣传栏