WEB开发网
开发学院网页设计JavaScript JavaScript中的面向对象----类 阅读

JavaScript中的面向对象----类

 2010-09-14 13:24:12 来源:WEB开发网   
核心提示:本文示例源代码或素材下载 一、开篇(以下文字一部分来自于整理的书籍内容,一部分则是总结自经验)众所周之,JavaScript中的面向对象----类,JavaScript是面向对象的语言,JavaScript的对象有三种:本地对象、内置对象、自定义类的对象,在Function运行结束的时候,将this返回,其中本

本文示例源代码或素材下载

一、开篇

(以下文字一部分来自于整理的书籍内容,一部分则是总结自经验)

众所周之,JavaScript是面向对象的语言。JavaScript的对象有三种:本地对象、内置对象、自定义类的对象。

其中本地对象和内置对象都是独立于宿主由ECMAScript实现的。这里所说的本地对象和内置对象实际上跟.Net中的类的概念相似。本地对象和内置对象的区别在于本地对象在使用时要实例化,而内置对象就像所谓的静态类,可以直接使用。

JS中的本地对象有:Object Function Array String Boolean Number Date RegExp

Error等;内置对象有:Global和Math

下面着重介绍一下自定义类的五种方式:

二、在JavaScript中自定义类

1、工厂方法

functioncreateCar(){
  varoTempCar=newObject();
  oTempCar.color="red";
  oTempCar.doors=4;
  oTempCar.mpg=23;
  oTempCar.showColor=function(){
    alert(this.color);
  }
  returnoTempCar;
}
varoCar1=createCar();
oCar1.showColor();

缺点:缺点很多,基本上不会用到

2、构造函数方法

functionCar(sColor,iDoors,iMpg){
  this.color=sColor;
  this.doors=iDoors;
  this.mpg=iMpg;
  this.showColor=function(){
    alert(this.color);
  }
}
varoCar1=newCar("red",4,23);
oCar1.showColor();
alert(oCar1instanceofCar);

原理:我们所谓的类还是js的一个Function而已,在Function前面用new运算符的时候,会自动创建一个object实例,并且类里面的this都指向这个object,在Function运行结束的时候,将this返回。所以其本质还是工厂方法。

1 2 3  下一页

Tags:JavaScript 面向 对象

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接