`
acen.chen
  • 浏览: 157668 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

javascript面向对象

阅读更多

JavaScript中的"类"

在面向对象的思想中,最核心的概念之一就是类。 一个类表示了具有相似性质的一类事物的抽象,通过实例化一个类,可以获得属于该类的一个实例,即对象。

在JavaScript中,最常见的代码如下:

function funcName(){
  
// 具体内容
}


我们叫funcName为一个函数,其实funcName也可以理解成一个类,甚至也可以理解成一个对象。

认识function

我们都知道可以用function关键字定义一个函数,并为每一个函数指定一个函数名,通过函数名来进行调用。在JavaScript解释执行时,函数都是被维护为一个对象,这就是函数对象。

函数对象和其它用户自定义的对象有着本质的区别,它和日期对象(Date),数组对象(Array)等一样,都属于内部对象。这些对象的构造器是有JavaScript本身定义的:通过执行new Date()这样的语句返回一个对象。

函数对象对应的类型是function,同日期对象对应的类型是Date一样,可以通过new function()来创建一个函数对象,也可以通过function关键字来创建一个对象。如:

function func()
// 1.有名函数,函数名为func。
//
 2.函数名被调用才执行。
}

var func = new function()
// 1.无名函数,func只是一个变量对象指向了这个函数。
//
 2.先初始化函数,也就是执行一次,再把创建的函数对象赋给func。
}


prototype原型对象

prototype是一个对象。

prototype对象是实现面向对象的一个重要机制,所以特别记录一下。

由上面可以看出,每个函数其实也是一个对象,它们对应的类是“function”。这里,JavaScript同Java不同,就是,每一个函数对象都有一个子对象prototype。prototype对象表示该函数的原型,把函数理解成类,也就是说,prototype表示了一个类的组成。

当通过new来获取一个类的对象的时候,prototype对象的成员都会成为实例化对象的成员。如:

function student(){
}

student.prototype.name
="realsmy";
student.prototype.showBlog
=function(){
    alert(http:
//www.blogjava.net/realsmy);
}


类的实现

// 定义一个类student
function student(){
  
// 相当于构造函数
}

// 无类型对象的构造方法来指定prototype对象。
student.prototype = {
  
// 属性
  name:"realsmy";
  
// 方法
  showBlog:function(){
    alert(
this.name+" :http://www.blogjava.net/realsmy");
    
// 注意,类的成员之间互相引用,必须通过this指针来进行。
  }

}

这样更像传统意义面向对象语言中类的实现,只是构造函数和类的定义被分成了两个部分。

实现private,static

private:
前面的例子都属于共有成员,也就是说,向任何实例公开这些属性和方法。
JavaScript中没有特殊的机制来定义私有成员,但可以通过变量的作用域来实现。

function student(){
  
var id = "007";
  
this.myId = id;
  
this.showId() = function(){
    alert(id); 
// 可以访问id
    alert(this.myId); 
  }

}

var stu = new student();
// stu.id这个会被认作是未定义的
stu.myId = "008"// 有效赋值
stu.showId(); // 弹出"007"和"008"


static:

静态成员也是一个类的成员。
因为函数也是一个对象,所以可以用给函数对象直接添加成员的方法来实现静态成员。

function student(){
}

// 静态属性
student.school = "po da xue";
// 静态方法
student.out = function(){
  alert(
"jin tian ni tao ke le ma?");
}

这样每一个student对象都可以调用到那个属性和方法。
或者
function.prototype.show = function(){
  
// 
}


这样是给每个函数对象都添加通用的静态方法。

类的继承

利用反射机制和prototype实现继承
为了方便,可以先为每一个类添加一个共有的方法,用以实现继承。

function.prototype.inherit = function(baseClass){
  
// 反射机制
  for(var p in baseClass.prototype){
    
this.prototype[p] = baseClass.prototype[p];
  }

}

基类

function class1(){
  
// 
}

class1.prototype 
= {
  
// 
  method:function(){}
}

子类

function class2(){
  
// 
}

class2.inherit();
class2.prototype.method 
= function(){
  
// 覆盖父类中的method方法。
}


这样的方法是在牺牲了一定的代码可读性为代价的前提下,实现了类的继承。据说现在javascript的一种框架已经更好的实现了类的继承机制,还没有研究过。呵呵。

function是所有函数对象的基础,Object是所有对象(包括函数对象)的基础。

感觉,所有面向对象语言的设计思想都是一致的。简单说就是以对象为基础。JavaScript作为一种面向对象的语言,同样是以对象为基础的。

理解JavaScript面向对象的思想,对我以后学习JavaScript的一些高级技术会有很大帮助。

分享到:
评论

相关推荐

    Javascript面向对象编程.

    在提供的资源中,《代码之美》PDF文件可能包含了关于编程实践和代码风格的指导,而《Javascript面向对象编程》PPT可能更具体地阐述了JavaScript OOP的细节和示例。学习这些材料将有助于深入理解JavaScript的面向对象...

    JavaScript面向对象编程指南.pdf

    JavaScript作为一门浏览器语言的核心思想;面向对象编程的基础知识及其在... 《JavaScript面向对象编程指南》着重介绍JavaScript在面向对象方面的特性,展示如何构建强健的、可维护的、功能强大的应用程序及程序库

    JavaScript面向对象编程指南

    《JavaScript面向对象编程指南》内容包括:JavaScript作为一门浏览器语言的核心思想;面向对象编程的基础知识及其在JavaScript中的运用;数据类型、操作符以及流程控制语句;函数、闭包、对象和原型等概念,以代码...

    JavaScript面向对象编程指南(第2版).rar

    JavaScript是一种广泛...通过深入学习这本《JavaScript面向对象编程指南(第2版)》,开发者不仅能掌握JavaScript的面向对象编程基础,还能了解到实际项目中如何有效地运用这些知识,提升编程技巧和解决问题的能力。

    JAVASCRIPT 面向对象编程精要

    ### JavaScript面向对象编程精要 #### 一、引言 JavaScript是一种灵活且强大的脚本语言,它虽然起源于一种简单的浏览器脚本语言,但随着时间的发展,JavaScript已经成为了一种功能全面的编程语言,尤其是在Web开发...

    javascript面向对象编程.pdf

    总而言之,学习现代JavaScript面向对象编程,有助于开发者在认识这门语言演化的基础上,运用面向对象的设计和编程模式来构建更加健壮和可维护的JavaScript应用程序。同时,测试和调试是保证代码质量不可或缺的环节,...

    JavaScript面向对象精要(英文版)

    ### JavaScript面向对象精要 #### 一、概述 《JavaScript面向对象精要》是一本深入讲解JavaScript面向对象编程原理的专业书籍。本书由知名的前端开发者Nicholas C. Zakas撰写,全面介绍了JavaScript作为一种动态...

    Javascript面向对象编程

    ### JavaScript面向对象编程详解 #### 一、引言 JavaScript作为一种广泛使用的脚本语言,在Web开发领域占据着举足轻重的地位。尽管JavaScript本质上是一种基于原型的语言,但它也支持面向对象编程的一些特性,使得...

    JavaScript面向对象编程指南 pdf

    下面将详细探讨JavaScript面向对象编程的基本原理、特性以及实际应用。 1. **类与对象** - 在JavaScript中,对象是键值对的集合,可以通过字面量语法或构造函数创建。例如: ```javascript const person = { ...

    javascript面向对象编程指南 2nd

    javascript面向对象编程指南 2nd英文版,英文名:Object-Oriented JavaScript。 What you will learn from this book The basics of object-oriented programming, and how to apply it in the JavaScript ...

    javascript面向对象编程(中文).pdf

    ### JavaScript面向对象编程知识点概述 #### 一、现代JavaScript编程概览 - **JavaScript的演进**:自诞生以来,JavaScript经历了从一个简单的脚本语言到现今被广泛应用于构建复杂应用的强大编程语言的过程。它的...

    JavaScript面向对象编程指南完整版

    JavaScript面向对象编程指南是完整的扫描版...

    JavaScript面向对象编程.pdf

    JavaScript面向对象编程.pdf

Global site tag (gtag.js) - Google Analytics