当前位置：文档之家 › JavaScript面向对象编程

JavaScript面向对象编程

  • 格式：pdf
  • 大小：1.55 MB
  • 文档页数：150

1 第一部分：现代JavaScript简介 第一章 现代JavaScript编程 JavaScript的演化是渐进而稳固的。历经过去十年的进程，JavaScript在人们的认知里已经从一门简单的玩物式的语言逐渐发展成为一门倍受推崇的编程语言，被全世界的公司和开发者用来构造种种精彩的应用。现代JavaScript编程语言一如既往地可靠、健壮，强大得令人难以置信。在本书中我进行的许多论述，将揭示是什么使得现代JavaScript应用程序与从前有着那么明显的不同。本章中出现的许多概念远不能算新奇，然而成千上万聪明的程序员的认同促使它们的用途得以升华并最终形成今天的格局。既如此，我们这就来着眼现代JavaScript程序设计。 面向对象的JavaScript 从语言的视角来看，面向对象的程序设计和面向对象的JavaScript语言绝对不是什么摩登的东西；JavaScript最开始就是被设计成一种彻底的面向对象语言。然而，随着JavaScript在其使用和接受的过程中的“逐步发展”，其它语言(如Ruby,Python,和Perl等)的程序员留意到了它并开始将他们的编程模式引入了JavaScript。 面向对象的JavaScript代码的外观和内部运作都有别于其它具有对象能力的语言。在第二章我将深入论述使它如此独特的方方面面，而在这里，先来看一点基础的东西以体会编写现代JavaScript代码的初步感觉。程序1-1中的两个对象构造器的例子，演示了可用于学校课程的简单的对象搭配。 程序1-1. 课程和课程表的面向对象JavaScript表述 CODE: //类Lecture的构造器 //使用两个字符串参数，name和teacher function Lecture( name, teacher ) { //把它们作为对象的本地属性保存 this.name = name; this.teacher = teacher; } //类Lecture的方法，生成一个显示该课程信息的字符串 Lecture.prototype.display = function(){ return this.teacher + " is teaching " + this.name; }; //类Schedule的构造器 //使用一个lectures类型的数组作为参数

PDF 文件使用 "pdfFactory Pro" 试用版本创建 www.fineprint.cn

2 function Schedule( lectures ) { this.lectures = lectures; } //类Schedule的方法，用来构造一个描述该课程表的字符串 Schedule.prototype.display = function(){ var str = ""; //遍历每门课程，累加构成信息字符串 for ( var i = 0; i < this.lectures.length; i++ ) str += this.lectures[i].display() + " "; return str; }; 从程序1-1的代码中你或许已经看出，大部分的面向对象基本原则贯穿存在于其中，但它们是以不同于其它更常见的面向对象语言的方式组织起来的。你可以创建对象构造器和方法，并存取对象属性。程序1-2展示了在应用程序中使用上面两个类的一个示例。 程序1-2. 给用户提供课程的列表 CODE: //创建一个新的课表对象，存于变量mySchedule中 var mySchedule = new Schedule([ //创建一个课程对象的数组， //作为传给课表(原文此处为Lecture，疑为笔误)对象的唯一参数 new Lecture( "Gym", "Mr. Smith" ), new Lecture( "Math", "Mrs. Jones" ), new Lecture( "English", "TBD" ) ]); // 弹出对话框显示课表的信息 alert( mySchedule.display() ); 伴随对广大程序员对JavaScript的接受，设计良好的面向对象代码的使用也正日益普及。贯穿本书的始末，我将试图展示我认为能够最好地例示代码设计与实现的不同的面向对象的JavaScript代码片段。 测试你的代码 建立起良好的面向对象的基本代码之后，开发专业品质的JavaScript代码的第二个方面是确保拥有一个强劲的代码测试环境。当开发频繁使用的或将由其它开发者维护的代码时，严格调试的必要性会显得尤为突出。为其它开发者提供一个坚实的测试基础，是维持代码开发活动的关键。 在第四章，你将会看到一些可用来形成良好的测试/使用框架的不同工具，以及对复杂应用程序的简单调试。用于Firefox的插件Firebug就是其中一例。Firebug提供了许多的有

PDF 文件使用 "pdfFactory Pro" 试用版本创建 www.fineprint.cn

3 用的工具，如错误控制台，HTTP请求日志，调试，以及元素查看。图1-1展示了Firebug调试一段代码时的实况截屏。

图1-1. Firefox Firebug插件运行时的截屏 开发干净的、可测试的代码的重要性怎么强调都不会过分。一旦你开始开发一些干净的面向对象代码并将它们与合适的测试套件结合，相信你会倾向于同意这一点。 为分发而进行的封装 开发现代的专业JavaScript代码的最后一个方面是为了代码分发或在现实世界里中使用而进行的封装处理。随着开始开发者们在其页面中使用越来越多的JavaScript代码，冲突的可能性将会增加。如果两个JavaScript库里都有一个名为data的变量或者按各的意图添加事件，灾难性的冲突和莫名其妙的错误可能就会出现。 开发者简单地置入 Introduction to the DOM There are a number of reasons why the DOM is awesome, here are some: It can be found everywhere. It's easy to use. It can help you to find what you want,

There are a number of reasons why the DOM is awesome, here are some:

PDF 文件使用 "pdfFactory Pro" 试用版本创建 www.fineprint.cn

6 really quickly. DOM是开发Unobtrusive JavaScript代码的第一步。借助简单快速导航HTML文档的能力，所有随之而来的JavaScript/HTML交互将变得如此简单。 事件 事件将一个应用程序之内所有的用户交互结合在一起。在一个设计良好的JavaScript应用程序里，你将拥有数据源和它的视觉的表示(在HTML DOM内部)。为了同步这两个方面，你必须监视用户的交互动作并试图相应地更新用户界面。使用DOM和JavaScript事件的结合是使得现代web应用程序赖以工作的基本组合。 所有的现代浏览器都提供一系列的只要特定交互动作发生即被触发的事件，如用户移动鼠标，敲击键盘，或离开页面等等。使用这些事件，你可以注册代码到特定事件，一旦该事件发生，你的代码就会被执行。程序1-5展示了这种交互的一个实例，该网页中的

合集下载

JAVASCRIPT是一门面向对象语言

JAVASCRIPT是一门面向对象语言

JavaScript是一门面向对象语言

简介：JavaScript函数式脚本语言特性以及其看似随意的编写风格，导致长期

以来人们对这一门语言的误解，即认为JavaScript不是一门面向对象的语言，

或者只是部分具备一些面向对象的特征。本文将回归面向对象本意，从对语言感

悟的角度阐述为什么JavaScript是一门彻底的面向对象的语言，以及如何正确

地使用这一特性。

前言

当今JavaScript大行其道，各种应用对其依赖日深。web程序员已逐渐习惯使

用各种优秀的JavaScript框架快速开发Web应用，从而忽略了对原生Java

Script的学习和深入理解。所以，经常出现的情况是，很多做了多年JS开发

的程序员对闭包、函数式编程、原型总是说不清道不明，即使使用了框架，其代

码组织也非常糟糕。这都是对原生JavaScript语言特性理解不够的表现。要掌

握好JavaScript，首先一点是必须摒弃一些其他高级语言如Java、C#等类式

面向对象思维的干扰，全面地从函数式语言的角度理解JavaScript原型式面向

对象的特点。把握好这一点之后，才有可能进一步使用好这门语言。本文适合群

体：使用过JS框架但对JS语言本质缺乏理解的程序员，具有Java、C++

等语言开发经验，准备学习并使用JavaScript的程序员，以及一直对JavaScr

ipt是否面向对象模棱两可，但希望知道真相的JS爱好者。

重新认识面向对象

为了说明JavaScript是一门彻底的面向对象的语言，首先有必要从面向对象的

概念着手,探讨一下面向对象中的几个概念：

一切事物皆对象

对象具有封装和继承特性

对象与对象之间使用消息通信，各自存在信息隐藏

以这三点做为依据，C++是半面向对象半面向过程语言，因为，虽然他实现了

类的封装、继承和多态，但存在非对象性质的全局函数和变量。Java、C#是完

全的面向对象语言，它们通过类的形式组织函数和变量，使之不能脱离对象存在。

但这里函数本身是一个过程，只是依附在某个类上。

基于JavaScript的面向对象可维护代码编写

基于JavaScript的面向对象可维护代码编写

第１３卷第３期　２Ｏ１４年３月　软件导刊　ＳＯｆｔｗａｒｅ　Ｇｕｉｄｅ　Ｖｌ０１．１３ＮＯ．３　Ｍａｒ．２０１４　

基于ＪａｖａＳｃｒ　ｉ　ｐｔ的面向对象可维护代码编写　

李　超　

（遵义职业技术学院，贵州遵义５６３０００）　

摘　要：从经典的面向对象编程基本知识入手，通过分析ＪａｖａＳｃｒｉｐｔ面向对象的不同之处，对如何写出可维护的面向　对象的ＪａｖａＳｃｒｉｐｔ代码进行了相关研究。　

关键词：面向对象；ＪａｖａＳｃｒｉｐｔ；类；继承；重用　

中图分类号：ＴＰ３１９　文献标识码：Ａ　文章编号：１６７２—７８００（２０１４）００３—００５２—０３　

０　引言　

能够写出可维护的面向对象的ＪａｖａＳｃｒｉｐｔ代码，不仅　

可以节约时间，还能享受重用代码的过程。对于每一位从　

事或即将从事ＪａｖａＳｃｒｉｐｔ代码编写的人员来说，如何编写　

可重用的不过时的ＪａｖａＳｃｒｉｐｔ代码都将成为其追求的目　

标。在开始探究如何编写可维护的面向对象ＪａｖａＳｃｒｉｐｔ　

代码之前，先要弄清楚什么是面向对象。　

１面向对象　

面向对象编程主要通过代码代表现实世界中的实质　

对象。要创建对象，首先需要写一个“类”来定义。类几乎　

可以代表所有的东西：账户、员工、导航菜单、汽车、植物、　

广告、饮料等等。而每次要创建对象的时候，就要从类实　

例化一个对象。换句话说，就是创建类的实例做为对象。　

事实上，通常处理一个以上的同类事物就会使用到对象。　

另外，只需要简单的函数式程序就可以做的很好。对象实　

质上是数据的容器。因此在一个ｅｍｐｌｏｙｅｅ对象中，可能　

要储存员工号、姓名、入职日期、职称、工资、资历等等。对　

象也包括处理数据的函数（也叫做“方法”）。方法被用作　

媒介来确保数据的完整性，以及在储存之前对数据进行转　

换。例如，方法可以接收任意格式的日期，然后在储存之　

前将其转化成标准化格式。最后，类还可以继承其它类。　

继承可以在不同类中重复使用相同代码。例如，银行账户　

面向对象编程的理解与分析

面向对象编程的理解与分析

面向对象编程的理解与分析

（对象本质论）

引言

提起面向对象的概念， 我想对于每位程序员来说，对他的理解各有独到见解，有的深入肌理，有的剑走偏锋。但是无论如何， 我想对于下面的几个概念性的问题应该值得我们去重视：类，对象，继承，封装，多态。正是由于这些元素构成了我们面向对象设计的基本逻辑。

理解面向对象好的方法就是用实际生活来类比对象世界，下面就以人类的角度分析来说明：计算机世界中的对象，同时也是用对象的逻辑反思人类。

对象的衍生

对象和人 ，两个世界，一样的情怀。

对象就好比我们现实生活中的人类，生则入世，死则离世。

首先我们看下人类的出生：每个人都要经过婴儿落世，成为一个现实生活的个体，但是在这个过程中，熟不知十月怀胎正是个体衍生的复杂演变过程，母亲为胎儿提供了良好的环境及其养分。在这个过程就是正正的一次生物化构造。而在我们程序设计中，对象衍生也是一次构造过程，先手在内存中分配存储空间；然后初始化其附加成员，就像给人取名字一样，最后调用构造函数初始化。但是在其附加成员过程中，就好像人出生落地没有任何物品一样，在其构建成功后才赋给了一样。这些操作可能在随后操作完成，通过属性或者方法来给其必要的信息。对象的衍生说白了就是，构建对象的基本初始化构造过程。

我们个体人的存在也存在工种之分，在对象世界里也一样，我们称之为数据类型，但是我们人类在所形成的规则下农民在田地里务农，工人在工厂生产，对象也可以进行标准规则分类，值类型与引用类型，而在程序运行过程中，存储内存的位置不一样，值类型存储在线程的堆栈上，而引用类型位于托管堆上一样。正如农民可以进城务工，工人可以返乡务农，我们把这样的过程在程序中体现为装箱与拆箱（Boxing and UBoxing）,在人类世界中，每个人都有姓名，年龄，籍贯等描述自己的信息，同时每个人都有不同的行为操作这些信息。

比如 我们出生后，就有父母给我们起好了名字，但是在现实生活中，根据需要，我们每个人都有可以更改自己的名字的权利。在程序世界里，我们把这样的更改行为叫做方法，名字叫做属性，我们可以通过方法来改变我们对象的属性。

js面向对象开发总结

js面向对象开发总结

JavaScript面向对象编程

1、引言

JavaScript是一种解释性的，基于对象的脚本语言（an interpreted,

object-based scripting language）。JavaScript 基于客户端运行，目前基本上所有的浏览器都支持JavaScript。1995年首次出现时，JavaScript的主要目的还只是处理一些输入的有效性验证，随着互联网的蓬勃发展，JavaScript的应用越来越广泛，特别是近几年AJAX技术（Asynchronous JavaScript and XML）的发展，更使JavaScript的应用达到了一个新的高度。在AJAX技术中，JavaScript是一项关键技术，请求的发送、接收、接收数据后的界面处理都需要使用JavaScript技术，这对JavaScript语言提出了新的需求，本文从JavaScript的基本特点出发，模拟出了面向对象编程的大部分特点，使JavaScript摆脱了以往脚本语言杂乱无章、难以阅读、难以维护的形象，而具有了面向对象特性，极大的方便了JavaScript的开发、维护，提高了软件开发效率。

2、JavaScript的基本特点

JavaScript是解释性的，基于对象的脚本语言。它有下面几个显著特点，这几个特点在后面的面向对象特性模拟中会反复用到，因此这里先详细说明这几个特点。

 解释型语言：JavaScript是一种解释性语言，解释性语言相对于编译型语言，编译型语言必须先通过编译才能执行，而解释性语言不需要编译，直接从上到下解释执行，一边解释一边执行，这就决定了解释性语言的代码是有先后顺序的，需要执行的代码必须已经解释过。因此，JavaScript需要注意代码的先后顺序。  弱类型语言：JavaScript是一种弱类型语言，弱类型语言相对于强类型语言，大部分面向对象语言都是强类型语言，强类型语言是一种需要强制类型定义的语言，它要求每个变量都确定某一种类型，它和别的类型转换必须显式转换。弱类型语言是一种类型可以被忽略的语言，它在变量定义时不指定某一类型，在执行时通过执行结果才能确定类型，不同类型之间不需要通过显式转换就可以转换。