javascript

位置:IT落伍者 >> javascript >> 浏览文章

JavaScript中面向对象技术的模拟


发布日期:2019年11月18日
 
JavaScript中面向对象技术的模拟
引言

在C#和Java语言中面向对象是以类的方式实现的特别是继承这个特性类的方式继承表现出了强大的功能而且也易于学习JavaScript不是纯的面向对象的语言而是基于对象的语言对象的继承是以原型函数的形式继承的很多初学者刚开始接触的时候不太理解但是JavaScript这种以原型函数的形式实现面向对象技术不仅是可行的而且还为面向对象技术提供了动态继承的功能本文主要讨论了JavaScript的面向对象技术

原型对象概述

每个JavaScript对象都有原型对象对象都继承原型对象的所有属性一个对象的原型是由创建该对象的构造函数定义的JavaScript的所有函数都有一个名为prototype的属性该属性引用了原型对象该原型对象初始化的时候只有constructor属性来引用创建该原型对象的对象JavaScript没有Class定义类的概念构造函数就定义了类并初始化类中的属性每个类的成员都会从原型对象中继承相同的属性也就是说原型对象提供了类的实例共享的属性和方法这就节约了内存

当读取一个对象的属性的时候JavaScript会先从对象中查找如果没有查找到才会到原型对象中查找该属性(或方法)所以尤其是对于方法最好保存到原型对象中以便于共享并且达到节省内存的目的而且原型对象还有一个强大的功能那就是如果通过构造函数实例化一些对象后再给构造函数的原型对象增加属性和方法那么它原来实例化的对象实例将会继承这些增加的属性和方法

对象属性对象方法类属性类方法

每个对象都会有自己单独的实例属性和实例方法的副本如果实例化个对象那么就会有个对象的实例属性和实例方法副本This关键字引用它们的实例对象也就是说谁操作了实例方法this就引用谁访问了哪个实例对象的属性this就引用这个实例对象

类方法和类属性只有一个副本类方法调用的时候必须引用类的名字例如DatesetHours();

下面用一个程序来表现实例属性实例方法类属性类方法

function Mobile(kindbrand) {

thiskind=kind;//定义手机的种类例如GSM/CDMA

thisbrand=brand;//定义手机的品牌this关键字表示用该构造函数实例化之后的对象

}

/**//*

定义类的第二步是在构造函数的原型对象中定义它的实例方法或其他属性

该对象定义的任何属性都将这个类的所有实例继承

*/

//拨号这里只是返回电话号码

Mobileprototypedial = function(phoneNo) {

return phoneNo;

};

/**//*

定义类的第三步是定义类方法常量和其他必要的类属性作为构造函数自身的属性而不是构造函数

原型对象的属性注意类方法没有使用关键字this因为他们只对他们的实际参数进行操作

*/

//开机关机方法

MobileturnOn=function() {

return The power of mobile is on;

}

MobileturnOff=function() {

return The power of mobile is off;

}

//类属性这样他们就可以被用作常量注意实际上他们并不是只读的

MobilescreenColor=K;//假设该类手机的屏幕颜色都是K彩屏的

子类化

JavaScript支持子类化只需把子类的原型对象用超类实例化即可但是应该注意这样子类化之后就会存在一个问题由于是用超类实例化子类的原型对象取得的所以就沖掉了自己本身的由JavaScript提供的constructor属性为了确保constructor的正确性需要重新指定一下子类化的程序例子如下

/***** 子类化 *****/

//下面是子类构造函数智能型手机

function SmartPhone(os)

{

thisos=os;

}

//我们将Mobile对象作为它的原型

//这意味着新类的实例将继承SmartPhoneprototype

//后者由Mobileprototype继承而来

//Mobileprototype又由Objectprototype继承而来

SmartPhoneprototype=new Mobile(GSMNokia);

//下面给子类添加一个新方法发送电子邮件这里只是返回Email地址

SmartPhoneprototypesendEmail=function(emailAddress) {

return thisemailAddress

}

//上面的子类化方法有一点缺陷由于我们明确把SmartPhoneprototype设成了我们所创建的一个对象所以就覆盖了JS提供

//的原型对象而且丢弃了给定的Constructor属性该属性引用的是创建这个对象的构造函数但是SmartPhone对象集成了它的

//父类的constructor它自己没有这个属性明确设置着一个属性可以解决这个问题

Smarnstructor=SmartPhone;

var objSmartPhone=new SmartPhone();//实例化子类

上一篇:使用div仿javascript模态窗口

下一篇:javascript技巧参考