自定义函数中的属性在哪里?

时间:2015-04-01 05:43:35

标签: javascript

我有一个关于自定义函数的问题。

var scareMe = function(){
  console.log("Boo!");
  var instance = this;
  scareMe = function(){
    console.log("Double Boo!");
    return instance;
  }
}
scareMe.prototype.nothing = true;
var un1 = new scareMe();
console.log(un1.nothing); //true
scareMe.prototype.everything = true;
var un2 = new scareMe();
console.log(un1 === un2); //true

它按预期工作。

console.log(un2.everything); //undefined

我在哪里可以获得所有的一切'属性?

1 个答案:

答案 0 :(得分:2)

它将无法工作,因为一旦调用了scareMe,当您尝试在初始调用后更改原型时,您正在用另一个函数覆盖scareMe实际上是在更改第二个方法的原型不是您创建实例的第一种方法。因此,对原型的更改不会反映在您的实例中。


一种可能的解决方案是使用第一个对象覆盖第二个对象的原型

var scareMe = function () {
    console.log("Boo!");
    var instance = this,
        proto = scareMe.prototype;
    scareMe = function () {
        console.log("Double Boo!");
        return instance;
    }
    scareMe.prototype = proto;
}
scareMe.prototype.nothing = true;
var un1 = new scareMe();
console.log('nothing', un1.nothing); //true
scareMe.prototype.everything = true;
var un2 = new scareMe();
console.log(un1 === un2); //true
console.log('everything', un1.everything); //true

演示:Fiddle


另一种写同样的方式可能是

var scareMe = (function () {
    var instance;
    return function () {
        if (instance) {
            return instance;
        }
        instance = this;

    }
})();

演示:Fiddle