脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → js面向对象 → 面向对象

JavaScript中的面向对象介绍

 更新时间：2012年06月30日 00:28:21   作者：  
在JavaScript，可以说everything is object，那么什么是对象？对象就是包含一组变量和函数的集合。在其它面向对象语言中对象是由类的实例化而来，JavaScript是基于原型的面向对象语言，没有类的概念，对象派生自现有对象的副本
对象
创建
对象
构造函数
公有、私有、特权、静态成员
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中的继承和原型》
您可能感兴趣的文章:

相关文章

  • javascript面向对象入门基础详细介绍

    javascript面向对象入门基础详细介绍

    本文章介绍了js中常用的对象包括有JavaScript对象简介 字符串对象 date() 数组 数学对象 函数对象 应用介绍，有需要了解的同学可参考一下
    2012-09-09
  • javascript 写类方式之十

    javascript 写类方式之十

    mootools.js的最新版本是1.2.3,这里使用的是1.2.0。mootool被设计成非常紧凑的，模块化的，面向对象的的js库。mootool中写类用Class类。
    2009-07-07
  • JavaScript 设计模式之组合模式解析

    JavaScript 设计模式之组合模式解析

    “组合模式”顾名思意就是将多种实现组合在一起而达到牵一处而动全身的效果。
    2010-04-04
  • JavaScript 继承详解（一）

    JavaScript 继承详解（一）

    几乎每个开发人员都有面向对象语言（比如C++、C#、Java）的开发经验。 在传统面向对象的语言中，有两个非常重要的概念 - 类和实例。
    2009-07-07
  • 面向对象的编程思想在javascript中的运用上部

    面向对象的编程思想在javascript中的运用上部

    对于正在从事或者打算从事编程的人来说，面向对象是一个耳熟能详的词，几乎每一个人都能列举出一些面向对象的编程语言，例如C++，JAVA，C#等等。
    2009-11-11
  • Javascript面向对象编程

    Javascript面向对象编程

    Javascript是一种面向(基于)对象的动态脚本语言，是一种基于对象(Object)和事件驱动(EventDriven)并具有安全性能的脚本语言。他具有面向对象语言所特有的各种特性，比如封装、继承及多态等
    2012-03-03
  • JavaScript 设计模式学习 Singleton

    JavaScript 设计模式学习 Singleton

    JavaScript设计模式学习 Singleton
    2009-07-07
  • JavaScript 面向对象之命名空间

    JavaScript 面向对象之命名空间

    如果写一堆function难免会出现变量或函数的命名冲突，应用了命名空间这种情况就从此杜绝了，而且代码易于管理。
    2010-05-05
  • js对象的构造和继承实现代码

    js对象的构造和继承实现代码

    js对象的构造和继承实现代码，学习javascript面向对象的朋友可以参考下。写出跟漂亮与复用的代码。
    2010-12-12
  • 老鱼 浅谈javascript面向对象编程

    老鱼 浅谈javascript面向对象编程

    这周心血来潮，翻看了现在比较流行的几个JS脚本框架的底层代码，虽然是走马观花，但也受益良多，感叹先人们的伟大……
    2010-03-03

最新评论