JavaScript学习2:面向对象

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

  • 5
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 12
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值