JavaScript学习2:面向对象

页面导航:首页 > 网络编程 > JavaScript > JavaScript学习2:面向对象

JavaScript学习2:面向对象

来源: 作者: 时间:2016-02-02 09:58 【

很多人都知道,面向过程和面向对象的软件开发思想,同样我们的JavaScript也具有这两种开发模式。今天我们来看看JavaScript中的面向对象的东西。 面向对象的语言有一个非常重要的

很多人都知道,面向过程和面向对象的软件开发思想,同样我们的Script也具有这两种开发模式。今天我们来看看中的面向对象的东西。

面向对象的语言有一个非常重要的特性,那就是类的概念,通过类我们可以创建任意多个具有相同属性和方法的对象,而JavaScript却没有类的概念,但是它有对象,只是此对象非彼对象。

创建对象

 

//创建对象
var person =new Object();
person.name='lian';
person.age=18;
person.run=function(){
	return this.name+this.age +'奋斗中……';
};

 

这样我们就创建了一个对象,并且为对象创建了属性和方法,在run()方法里的this,就代表person对象本身。这种方法是JavaScript创建对象的最基本的方法,但是我们要向创建一个类似的对象,比如name叫做Lee的,怎么办?那只能重新再写一遍相同的代码喽,你说可以直接将person赋值给person1啊,这样不省事多了么,可是这样做会覆盖掉person对象的属性值的,那你说咋办?

为了解决这个问题,我们可以使用工厂模式,接触过设计模式的小伙伴们应该都知道这是什么玩意。这里不再多说了,直接上代码,看如何实现:

 

//工厂模式
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

 

怎么样,是不是解决了重复实例化的问题,但是随之而来的另一个问题是识别问题,什么意思,就是我们根本无法搞清楚他们到底是哪个对象的实例,因为内存中会有两个Object类型的实例对象,你根本不知道哪个是哪个。

那怎么办呢?我们在面向对象的学习中接触过类,那么就一定知道构造函数,也叫做构造方法,这种函数是用来初始化类的。我们可以采用构造函数来创建特定的对象,类似于Object对象。举个例子:

 

//构造函数方式
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

 

小结:使用构造函数的方法,既解决了重复实例化的问题,又解决了对象识别的问题,他与工厂模式的区别在于:

1没有显式的创建对象(newObject());

2直接将属性和方法赋值给this对象;

3没有return语句

构造函数和普通函数的唯一区别就是他们调用的方式不同。只不过,构造函数也是函数,必须要用new运算符来调用,否则就是普通函数。

Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<