javascript工厂模式小例_javascript工厂模式 not a function-优快云博客

本文探讨了JavaScript中newFunction的特殊行为，特别是当构造函数返回非原始类型时的影响，并介绍了如何通过检查实例类型来规避这一问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

javascipt的new function()，在某些情况下会有所不同，我们看下面的例子：

function test(){

this.value = 1;

return this.value;

}

test.prototype = {

getter:function(){alert(this.value)}

}

var x = new test();

var y = test();

x.getter();//1

y.getter();//TypeError: y.getter is not a function

以上是正常的情况，new test()以后可以实例化test这个类，x的getter方法是执行x的原型链prototype上的方法。一切正常，但是当test返回值为非原子类型的时候，比如：数组，对象和function时，同样的代码x是无法将其原型链指向test.prototype。

我们看代码

function test(){
    this.value = 1;
    return [];// return {}, 或者return function(){} 都是如此
 }
 test.prototype = {
     getter:function(){alert(this.value)}
 }
 var x = new test();
 var y = test();

 x.getter();//TypeError: x.getter is not a function
 y.getter();//TypeError: y.getter is not a function

最后介绍一下javascript秘密花园里的工厂模式：个人觉得就是单例模式

 function test(){

var value = 1;
return {

getter:function(){alert(value)}

};
}
var x = new test();
var y = test();

x.getter();//1
y.getter();//1

所以在new 一个类时要注意，return 返回值不能为非原子类型的值，当然我们也经常这样使用：

 function test(){

if(!(this instanceof test)) return new test();
this.value = 1;
}
test.prototype = {
getter:function(){alert(this.value)}
}
var x = test();

x.getter();//1

这样就避免使用了new关键字，同时也可以将x的原型链指向test.prototype上了。