码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript学习2:面向对象

时间:2015-03-31 10:51:42      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:javascript   面向对象   对象   

        很多人都知道,面向过程和面向对象的软件开发思想,同样我们的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运算符来调用,否则就是普通函数。

JavaScript学习2:面向对象

标签:javascript   面向对象   对象   

原文地址:http://blog.csdn.net/lianjiangwei/article/details/44774915

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!