您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

JavaScript中的面向对象介绍_js面向对象

2025/8/16 23:39:27发布15次查看
对象
创建
对象
构造函数
公有、私有、特权、静态成员
this、call和apply
异常处理
继承
原型
对象
在javascript,可以说everything is object,那么什么是对象?对象就是包含一组变量和函数的集合。在其它面向对象语言中对象是由类的实例化而来,javascript是基于原型的面向对象语言,没有类的概念,对象派生自现有对象的副本。javascript中对象可以分为两类:function和object。
创建对象
为了提高效率,javascript自带内置对象,例如:object、function、array等,所有内置对象都可以通过new来创建。function对象分为两类:实例和构造函数。例如alert('my name is x')是function的实例;而作为构造函数的function,必须通过new来实例化。创建的对象的语法分为以下几种:
复制代码 代码如下:
var obj= new object();var obj={};(array等类似)
var myfunction=new function(){//代码};function myfunction(){//代码}
需要注意的是,第一种function声明必须在使用之前,而第二种可以在使用之后。
构造函数
function是构造函数的起点,创建构造函数与上述创建对象function类似
复制代码 代码如下:
var myfunction=new function('a',/*代码*/)
function myfunction(a){
/*代码*/
}
但是由于第一种有性能问题推荐使用第二种;function对象的特点是:它的实例也能作为构造函数 。
静态成员
如下代码:
复制代码 代码如下:
var myobj= new object();
//添加name属性
myobj.name='ld';
//添加alertname方法
myobj.alertname=function(){
alert(this.name);
}
//执行alertname
myobj.alertname();
name和alertname仅仅存在于myobj实例中,不存在于构造函数。这个还好理解,但是对于既可以是构造函数也可以是实例的function来说就不那么容易理解了,如下:
复制代码 代码如下:
var myconstructor=new function(){
//添加静态属性
myconstructor.name='ld';
//添加静态方法
myconstructor.alertname=function(){
alert(this.nam);
}
}
myconstructor.alertname();
代码可以正常运行,因为myconstructor可以是实例,但是name和alertname不会应用到由myconstructor的任何新的实例中。
公有成员
能够跟随对象实例化的成员称之为公有成员,成为公有成员需要修改函数的原型,即prototype。公有方法可以随构造函数而被继承下去,方法如下:
复制代码 代码如下:
function myconstructor(){
}
//添加公有属性
myconstructor.prototype.myname='ld';
//实例化
var myobj=new myconstructor();
alert(myobj.myname);
由myconstructor实例化的对象可以使用myname,但是myconstructor本身不可以,因为我们把公有成员加到了myconstructor的底层定义中,而非myconstructor实例本身。
私有成员
私有成员指的是在构造函数中定义的变量和方法,与其它语言的类中用private定义类似,例如:
复制代码 代码如下:
function myconstructor(){
//添加私有属性
var myname='ld'l
//添加私有方法
var alertname=function(){
alert('ld');
}
alertname();
特权成员
特权方法,指的是可以被公开访问,同时其能访问私有成员,在构造函数作用域总使用this定义的方法,类似其它语言中的公有方法,如下:
复制代码 代码如下:
function myconstructor(){
//私有属性
var sex='male';
// 特权方法
this.alertsex=function(){
alert(sex);
}
}
对象字面量
前面我们使用的创建用的都是点,例如myconstructor.name=x;myconstructor.sex=x。我们也可以使用对象字面量来达到相同的目的,例如:
复制代码 代码如下:
function myconstructor(){
}
//添加公有成员
myconstructor.prototype={
name:'ld',
sex:'male',
method:function(){}
}
注意,对象字面量中分隔符为逗号,且最后一个属性或方法最后没有逗号,以防解析错误。
this、call和apply
this,是一个依赖于执行环境的关键字,与创建位置无关,this关键字指向的的是使用包含它的函数的对象,学过c++和其它语言来说,这个不难理解。
call和applay,这两个的作用强制把方法附加到某个对象,例如:
复制代码 代码如下:
//alertname是已经创建好的函数
//alertname不需要参数时
alertname.call('对象')
//alertname需要参数时
alertname.call('对象',‘参数1','参数2')
//alertname使用参数数组时
alertname.applay('对象',‘参数数组arguments')
异常处理
和c#类似,由try、catch组成,如下:
复制代码 代码如下:
function myfunction(){
window.style.color='red';
}
try{
myfunction();
}
catch{
alert('异常信息:'+exception.name + exception.message)
}
继承和原型较多,放到下一篇博客《javascript中的继承和原型》
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product