很多人都知道,面向过程和面向对象的软件开发思想,同样我们的JavaScript也具有这两种开发模式。今天我们来看看JavaScript中的面向对象的东西。
面向对象的语言有一个非常重要的特性,那就是类的概念,通过类我们可以创建任意多个具有相同属性和方法的对象,而JavaScript却没有类的概念,但是它有对象,只是此对象非彼对象。
创建对象
<span style="font-size:18px;">//创建对象 var person =new Object(); person.name='lian'; person.age=18; person.run=function(){ return this.name+this.age +'奋斗中……'; };</span>
这样我们就创建了一个对象,并且为对象创建了属性和方法,在run()方法里的this,就代表person对象本身。这种方法是JavaScript创建对象的最基本的方法,但是我们要向创建一个类似的对象,比如name叫做Lee的,怎么办?那只能重新再写一遍相同的代码喽,你说可以直接将person赋值给person1啊,这样不省事多了么,可是这样做会覆盖掉person对象的属性值的,那你说咋办?
为了解决这个问题,我们可以使用工厂模式,接触过设计模式的小伙伴们应该都知道这是什么玩意。这里不再多说了,直接上代码,看如何实现:
<span style="font-size:18px;">//工厂模式 function CreateObject(name,age){ var obj =new Object(); obj.name=name; obj.age=age; obj.run=function(){ return this.name+this.age+'奋斗中……'; }; return obj; }; //创建对象实例 var person1 =CreateObject('Lian',18); var person2 =CreateObject('Jack',22); alert(typeof person1); //返回Object alert(person2 instanceof Object); //返回true</span>
怎么样,是不是解决了重复实例化的问题,但是随之而来的另一个问题是识别问题,什么意思,就是我们根本无法搞清楚他们到底是哪个对象的实例,因为内存中会有两个Object类型的实例对象,你根本不知道哪个是哪个。
那怎么办呢?我们在面向对象的学习中接触过类,那么就一定知道构造函数,也叫做构造方法,这种函数是用来初始化类的。我们可以采用构造函数来创建特定的对象,类似于Object对象。举个例子:
<span style="font-size:18px;">//构造函数方式 function Person(name,age){ this.name=name; this.age=age; this.run=function(){ return this.name+this.age+'吃饭中……'; }; } var person1=new Person('Lian',100); var person2=new Person('Yang',100); alert(person1 instanceof Person); //返回true,很清楚的告诉我们person1从属于Person</span>
小结:使用构造函数的方法,既解决了重复实例化的问题,又解决了对象识别的问题,他与工厂模式的区别在于:
1没有显式的创建对象(newObject());
2直接将属性和方法赋值给this对象;
3没有return语句
构造函数和普通函数的唯一区别就是他们调用的方式不同。只不过,构造函数也是函数,必须要用new运算符来调用,否则就是普通函数。