源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

全面理解面向对象的 JavaScript(来自ibm)

  • 时间:2021-03-29 01:26 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:全面理解面向对象的 JavaScript(来自ibm)
当今 JavaScript 大行其道,各种应用对其依赖日深。web 程序员已逐渐习惯使用各种优秀的 JavaScript 框架快速开发 Web 应用,从而忽略了对原生 JavaScript 的学习和深入理解。所以,经常出现的情况是,很多做了多年 JS 开发的程序员对闭包、函数式编程、原型总是说不清道不明,即使使用了框架,其代码组织也非常糟糕。这都是对原生 JavaScript 语言特性理解不够的表现。要掌握好 JavaScript,首先一点是必须摒弃一些其他高级语言如 Java、C# 等类式面向对象思维的干扰,全面地从函数式语言的角度理解 JavaScript 原型式面向对象的特点。把握好这一点之后,才有可能进一步使用好这门语言。本文适合群体:使用过 JS 框架但对 JS 语言本质缺乏理解的程序员,具有 Java、C++ 等语言开发经验,准备学习并使用 JavaScript 的程序员,以及一直对 JavaScript 是否面向对象模棱两可,但希望知道真相的 JS 爱好者。 [b]重新认识面向对象[/b] 为了说明 JavaScript 是一门彻底的面向对象的语言,首先有必要从面向对象的概念着手 , 探讨一下面向对象中的几个概念: 一切事物皆对象 对象具有封装和继承特性 对象与对象之间使用消息通信,各自存在信息隐藏 以这三点做为依据,C++ 是半面向对象半面向过程语言,因为,虽然他实现了类的封装、继承和多态,但存在非对象性质的全局函数和变量。Java、C# 是完全的面向对象语言,它们通过类的形式组织函数和变量,使之不能脱离对象存在。但这里函数本身是一个过程,只是依附在某个类上。 然而,面向对象仅仅是一个概念或者编程思想而已,它不应该依赖于某个语言存在。比如 Java 采用面向对象思想构造其语言,它实现了类、继承、派生、多态、接口等机制。但是这些机制,只是实现面向对象编程的一种手段,而非必须。换言之,一门语言可以根据其自身特性选择合适的方式来实现面向对象。所以,由于大多数程序员首先学习或者使用的是类似 Java、C++ 等高级编译型语言(Java 虽然是半编译半解释,但一般做为编译型来讲解),因而先入为主地接受了“类”这个面向对象实现方式,从而在学习脚本语言的时候,习惯性地用类式面向对象语言中的概念来判断该语言是否是面向对象语言,或者是否具备面向对象特性。这也是阻碍程序员深入学习并掌握 JavaScript 的重要原因之一。 实际上,JavaScript 语言是通过一种叫做 原型(prototype)的方式来实现面向对象编程的。下面就来讨论 基于类的(class-based)面向对象和 基于原型的 (prototype-based) 面向对象这两种方式在构造客观世界的方式上的差别。 基于类的面向对象和基于原型的面向对象方式比较 在基于类的面向对象方式中,[b]对象([/b][b]object[/b][b])[/b]依靠 [b]类([/b][b]class[/b][b])[/b]来产生。而在基于原型的面向对象方式中,[b]对象([/b][b]object[/b][b])[/b]则是依靠 [b]构造器([/b][b]constructor[/b][b])[/b]利用 [b]原型([/b][b]prototype[/b][b])[/b]构造出来的。举个客观世界的例子来说明二种方式认知的差异。例如工厂造一辆车,一方面,工人必须参照一张工程图纸,设计规定这辆车应该如何制造。这里的工程图纸就好比是语言中的 [b]类 ([/b][b]class[/b][b])[/b],而车就是按照这个 [b]类([/b][b]class[/b][b])[/b]制造出来的;另一方面,工人和机器 ( 相当于 constructor) 利用各种零部件如发动机,轮胎,方向盘 ( 相当于 prototype 的各个属性 ) 将汽车构造出来。 事实上关于这两种方式谁更为彻底地表达了面向对象的思想,目前尚有争论。但笔者认为原型式面向对象是一种更为彻底的面向对象方式,理由如下: 首先,客观世界中的对象的产生都是其它实物对象构造的结果,而抽象的“图纸”是不能产生“汽车”的,也就是说,类是一个抽象概念而并非实体,而对象的产生是一个实体的产生; 其次,按照一切事物皆对象这个最基本的面向对象的法则来看,类 (class) 本身并不是一个对象,然而原型方式中的构造器 (constructor) 和原型 (prototype) 本身也是其他对象通过原型方式构造出来的对象。 再次,在类式面向对象语言中,对象的状态 (state) 由对象实例 (instance) 所持有,对象的行为方法 (method) 则由声明该对象的类所持有,并且只有对象的结构和方法能够被继承;而在原型式面向对象语言中,对象的行为、状态都属于对象本身,并且能够一起被继承([url=http://www.ibm.com/developerworks/cn/web/1304_zengyz_jsoo/#resources]参考资源[/url]),这也更贴近客观实际。 最后,类式面向对象语言比如 Java,为了弥补无法使用面向过程语言中全局函数和变量的不便,允许在类中声明静态 (static) 属性和静态方法。而实际上,客观世界不存在所谓静态概念,因为一切事物皆对象!而在原型式面向对象语言中,除内建对象 (build-in object) 外,不允许全局对象、方法或者属性的存在,也没有静态概念。所有语言元素 (primitive) 必须依赖对象存在。但由于函数式语言的特点,语言元素所依赖的对象是随着运行时 (runtime) 上下文 (context) 变化而变化的,具体体现在 this 指针的变化。正是这种特点更贴近 “万物皆有所属,宇宙乃万物生存之根本”的自然观点。在 [url=http://www.ibm.com/developerworks/cn/web/1304_zengyz_jsoo/#listing1]程序清单 1[/url]中 [b]window[/b] 便类似与宇宙的概念。 清单 1. 对象的上下文依赖
[url=http://www.ibm.com/developerworks/cn/web/1304_zengyz_jsoo/#resources]参考资源[/url]),JavaScript 是其中的一个变种 (variant)。它提供了 6 种基本数据类型,即 Boolean、Number、String、Null、Undefined、Object。为了实现面向对象,[i]ECMAScript[/i]设计出了一种非常成功的数据结构 - JSON(JavaScript Object Notation), 这一经典结构已经可以脱离语言而成为一种广泛应用的数据交互格式 ([url=http://www.ibm.com/developerworks/cn/web/1304_zengyz_jsoo/#resources]参考资源[/url])。 应该说,具有基本数据类型和 JSON 构造语法的 ECMAScript 已经基本可以实现面向对象的编程了。开发者可以随意地用 [b]字面式声明([/b][b]literal notation[/b][b])[/b]方式来构造一个对象,并对其不存在的属性直接赋值,或者用 delete 将属性删除 ( 注:JS 中的 delete 关键字用于删除对象属性,经常被误作为 C++ 中的 delete,而后者是用于释放不再使用的对象 ),如 [url=http://www.ibm.com/developerworks/cn/web/1304_zengyz_jsoo/#listing2]程序清单 2[/url]。 清单 2. 字面式 (literal notation) 对象声明
[url=http://www.ibm.com/developerworks/cn/web/1304_zengyz_jsoo/#listing3]程序清单 3[/url]: 清单 3. 使用构造器 (constructor) 创建对象
[url=http://www.ibm.com/developerworks/cn/web/1304_zengyz_jsoo/#resources]参考资源[/url])。在具体的语言实现中,每个对象都有一个 [b]__proto__ 属性[/b]来实现对原型的 [b]隐式引用[/b]。[url=http://www.ibm.com/developerworks/cn/web/1304_zengyz_jsoo/#listing4]程序清单 4[/url]说明了这一点。 清单 4. 对象的 __proto__ 属性和隐式引用
[url=http://www.ibm.com/developerworks/cn/web/1304_zengyz_jsoo/#fig1]图 1[/url]说名了这中隐藏机制: [url=http://www.ibm.com/developerworks/cn/web/1304_zengyz_jsoo/#listing5]程序清单 5[/url] 是利用原型链实现继承的简单例子。 清单 5. 利用原型链 Horse->Mammal->Animal 实现继承
[url=http://www.ibm.com/developerworks/cn/web/1304_zengyz_jsoo/#resources]参考资源[/url])。此外还有由 [i]Dean Edwards[/i]实现的著名的 Base.js([url=http://www.ibm.com/developerworks/cn/web/1304_zengyz_jsoo/#resources]参考资源[/url])。值得一提的是,jQuery 之父 [i]John Resig[/i] 在搏众家之长之后,用不到 30 行代码便实现了自己的 [b]Simple Inheritance[/b]。使用其提供的 extend 方法声明类非常简单。[url=http://www.ibm.com/developerworks/cn/web/1304_zengyz_jsoo/#listing6]程序清单 6[/url]是使用了 [b]Simple Inheritance[/b]库实现类的声明的例子。其中最后一句打印输出语句是对 [b]Simple Inheritance[/b]实现类式继承的最好说明。 清单 6. 使用 Simple Inheritance 实现类式继承
[url=http://www.ibm.com/developerworks/cn/web/1304_zengyz_jsoo/#resources]参考资源[/url]),其中有详细介绍关于最初设计 Simple Inheritance 的思维过程。 [url=http://www.ibm.com/developerworks/cn/web/1304_zengyz_jsoo/#listing7]程序清单 7[/url]: 清单 7. 使用闭包实现信息隐藏
[url=http://www.ibm.com/developerworks/cn/web/1304_zengyz_jsoo/#resources]参考资源[/url])一文中有更权威和详细的介绍。 结束语 JavaScript 被认为是世界上最受误解的编程语言,因为它身披 c 语言家族的外衣,表现的却是 LISP 风格的函数式语言特性;没有类,却实也彻底实现了面向对象。要对这门语言有透彻的理解,就必须扒开其 c 语言的外衣,从新回到函数式编程的角度,同时摒弃原有类的面向对象概念去学习领悟它。随着近些年来 Web 应用的普及和 JS 语言自身的长足发展,特别是后台 JS 引擎的出现 ( 如基于 V8 的 NodeJS 等 ),可以预见,原来只是作为玩具编写页面效果的 JS 将获得更广阔发展天地。这样的发展趋势,也对 JS 程序员提出了更高要求。只有彻底领悟了这门语言,才有可能在大型的 JS 项目中发挥她的威力。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部