js 工厂模式示例,js工厂模式原理

查看文章前你需要了解以下2点:

//1.this指向的是windows对象,通过console.log(this)可以查看到对象包含所有的方法和属性

//2.全局变量属于this对象的属性通过console.log(this)可以查看到对象包含我们设置的全局变量

我们经常在创建相同结构的Js对象会重复的设置对象属性和方法，造成太多的冗余代码，例如下面:

var box1=new Object();
box1.name='张三';
box1.age =14;

var box2=new Object();
box2.name='李四';
box2.age =15;

我们为什么不用赋值的方式重写呢？因为对象属于引用类型，赋值后2个变量依旧引用同一个内存地址，一个发生变化，另一值也发生了变化。于是有了工厂模式

 function  createobject(name,age){
        var obj=new Object();
        obj.name=name;0

        obj.age=age;
        obj.run=function(){
        	return this.name+'--'+this.age;
        }
        return obj;
 }
var box1=createobject('高久峰',23);
var box2=createobject('某美女',24);

以上的工厂模式只是封装一个创建对象的方法，工厂模式的确解决的创建多个对象的问题，但是缺点是我们无法识别对象，因为它们都从属于Object对象。解决这个问题可以看看js构造函数文章。本站搜索。