Javascript 面向对象

神马是对象??

 客观世界中,万物皆为对象;

对象就是一MM,她有她独特的性格以及行为。所以对象=属性+行为。

var Person = {
	age: 0,
	name: 'MM',
	say: function(){
		alert(this.name + ': 你妈喊你吃饭!');
	}
};

神马是面向对象???

吃这行饭的人都知道,面向对象它是一种思维方式,而不是一种工具。到目前为止不管是多NB的人也没有给出一个确切的定义,因为它本来就没有一个标准,得靠大家在工作中去体会。

个人认为面向对象就是先使用抽取事物的共性,分离其特性的手法,然后再使用封装、继承、多态等设计方法整合各模块,以达到客户要求,就是面向对象。

js虽然不是面向对象的语言,但他依然可以使用面向对象的思想来编程。

命名空间

在开发的后期,命名空间是必不可少的,它可以解决几乎所有的命冲突。

在function 未使用var声明的变量为全局变量,全局变量为window对象下的属性,一般情况下,尽量不要使用全局变量,全局变量是魔鬼,它随时会让你奔溃。

this关键字永远都指向函数的所有者

var Space = function(){
	this.i=10;//Space 的i
	i = 300;//window 的i
	this.fn = function(){
		var i=20;//fn函数的i
	}
};
var space = new Space();
alert('space I: ' + space.i);
alert('window I: ' + window.i);

是面向对象的基本要素,它是具有相同属性和服务的一组对象的组合,是对事物抽象出来的结果。

一般来说,一个类包含有属性,方法,如下

var Person = function(){
	this.firstName = '';		//属性
	this.lastName = '';		//属性
	this.address = '';		//属性
	this.birthDate = '';		//属性
	this.age = 0;			//属性
	this.phone = '';		//属性
	this.say = function(){		//方法
		alert(this.firstName + ': 你妈喊你吃饭!');
	};
};

类的继承:

如果B类继承A类,那么B类拥有A类的属性以及方法,而且还可以扩展自己的属性和方法。

下面新建一个User类,它继承Person类。

var User = function(){
	this.money = 100;		//扩展User属性
	this.buy = function()		//扩展User方法
	{
		alert(this.firstName + ': 购买一条老底,共' + this.money + '元。' );	
	};
};
User.prototype = new Person();		//原行继承方式Person对象做为User的原型。

var user = new User();
user.firstName = 'Lang';
user.buy();

类的多态

多态是子类再继承父类的时候,重新实现父类的某个方法,重载的时候,方法名必须相同,参数可不同。

下面还是以User类为例,重载父类的say()方法。

var User = function(){
	this.money = 100;		//扩展User属性
	this.buy = function()	//扩展User方法
	{
		alert(this.firstName + ': 购买一条老底,共' + this.money + '元。' );	
	};
	this.say = function(str)//重载父类的say方法
	{
		alert(this.firstName + ': 这老底太贵了。 哥穿不起!' + str);
	}
};
User.prototype = new Person();	//原行继承方式Person对象做为User的原型。

var user = new User();
user.firstName = 'Lang';
user.buy();
user.say('不穿算了!');


那么在重载父类的方法时,如何实现像Java 跟AS3.0一样的super()方法呢?

var User = function(){
	this.money = 100;		//扩展User属性
	this.buy = function()	//扩展User方法
	{
		alert(this.firstName + ': 购买一条老底,共' + this.money + '元。' );	
	};
	this.super = this.say;//将父类的say()方法赋值给super属性;
	this.say = function(str)//重载父类的say方法
	{
		this.super();//在这里调用上面刚刚赋值的super()方法,这里调用就像调用父类的say()方法一样。很过瘾哦!
		alert(this.firstName + ': 这老底太贵了。 哥穿不起!' + str);
	}
};
User.prototype = new Person();	//原行继承方式Person对象做为User的原型。

var user = new User();
user.firstName = 'Lang';
user.buy();
user.say('不穿算了!');//这次,这里将会有两个输出




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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值