`
RepublicW
  • 浏览: 83290 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

JavaScript类型总览(图)

 
阅读更多



1、内置(Build-in)对象与原生(Naitve)对象的区别在于:前者总是在引擎初始化阶段就被创建好的对象,是后者的一个子集;而后者包括了一些在运行过程中动态创建的对象。

2、引擎扩展对象是一个并不太大的集合,一般来说比较确定,它们也属于引擎的原生对象(但不属于ECMA规范的原生对象)。

3、宿主对象不是引擎的原生对象,而是由宿主框架通过某种机制注册到JavaScript引擎中的对象。

4、一些宿主会把自己提供的对象/构造器也称为“原生对象”,例如Internet Explorer 7就把它提供的XMLHttpRequest()称为原生的——与此相对的是在它的更早先版本中通过“new ActiveXObject('Microsoft.XMLHTTP')”这样的方法创建的对象。这种情况下,读者应注意到“宿主的原生对象”与“引擎的原生对象”之间的差异。



JavaScript的数据类型问题已经讨论过很多次了,但许多人还有许多书仍然沿用着错误的、混乱的一些观点,所以就再细讲一回。

提及这个讨论的原因在于argb同学在我的MSN博客(现在变成了wordproess,在这里)上的一段回复,又更早的起源则是两年前关于《JavaScript征途》一书的大讨论:

从“装B被雷劈讲起

——这个事就让它过去了过去了吧。在讨论中我提及到该书对JavaScript类型系统介绍的混乱,而argb翻出了这篇历史文章,指我的混乱更混乱。于是我列了以下几个问题给他:

=============

我想很难很快速地解释你的问题。那么,接着你的思路,我就问几个问题好了:
1、函数是不是类型?是什么类型?
2、为什么说JavaScript中的函数是“第一型”的?
3、undefined如何“包装成object”?即使你所说的是笔误,那么对于“一切都是对象”的JavaScript,undefined是什么?
4、true与Boolean(true)在类型上有什么不同?

最后强调一下你的用词问题:Undefined是类型,undefined是值,’undefined’是类型的名称。此外,应留意JavaScript中存在着值类型与引用类型。

=============

随后argb的回复让我觉得一切已经混乱到不得不讲的地步。因为此前也没有讨论过《JavaScript征途》中的类型系统问题,于是这干脆就补个功课。下面认认真真地谈谈,也顺便回复了argb同学。

再次感谢argb。若非如此,我这篇功课还要欠很久。有读者与朋友们的关心,总是好的。答疑释解,于人于已,皆成美事。



再谈JavaScript的数据类型问题

=============

首先我们谈两点体会。其一,JavaScript不是纯粹的面向对象语言,它是混合语言,所以所谓“一切面向对象”既是宣传用语,也是一种语言处理技巧。仅从“面向对象”来理解这个语言的类型,会犯很多错误。其二,ECMAScript的描述总是很准确而又迟滞于这门语言的发展。所以要理解一些现象,既要从JavaScript的历史中去找,也要考虑到JavaScript现在的发展。ECMAScirpt是一个标准的、规范化的参考,但不是全部。

接下来说说类型。JavaScript既是过程式语言,也是面向对象的语言。这一定程度上,也表现为:它事实上有两套类型系统。第一套类型系统是用typeof来识别,这是这个语言的基本类型系统,只有六种类型,即undefined、number、boolean、string、object与function。我一般也称之为基础类型系统。之所以称为“基础”,是因为第二套类型系统是以它为基础,从object这一种类型中发展起来的,即对象类型系统。

对象类型系统用instanceof来识别,它相当于其它高级语言中的is操作/运算。面向对象的多态主要通过as和is来表达,对于JavaScript来说,由于是弱类型的(没有强制类型检查),所以不需要as。

对象类型系统与基础类型系统存在映射关系,例如基础类型的string影射到对象系统中的String。但这只是影射,所以本质上来说string类型不是String类型。两者本质上不同。具体来说,undefined,string、number和boolean是“值类型”;object与function是“引用类型”。由于String、Number与Boolean在基础类型中都属于object类型,是Object()的子类,因此是引用类型。Function()也是引用类型。所有引用类型都可以看着Object()的子类,所以任意函数也是Object()的子类。例如"<匿名函数> instanceof Object"返回true。

undefined是值类型,它没有对应的对象类型——我们通常可以称之为Undefined类型,但它没有对应的构造器。undefined只有一个值,即undefined。准确地说,undefined表明声明(或产生)了但没有值的变量。而Null也是一个类型,null是它的惟一值(按照语言规则,null也是一个关键字)。Null类型是对象类型,亦即是引用类型。所以Null与Undefined本质的不同,是它们分属在不同的类型系统中,解释着不同类型系统中的“无”的概念。一般来说,DOM中的某个属性或成员如果无值,应该使用null;而JavaScript运算过程中如果出现无值,应该使用undefined。

上面强调要从“两套类型系统”的角度来理解上述类型。而这两个类型系统在JavaScript中是可以混用的,实现这一特性的技术被称为“类包装”。这是JavaScript对Java的主要借鉴,也是后来的.NET对Java的主要借鉴之一——类包装也被称为“装箱”(以及“拆箱”)。JavaScript中的类包装过程出现然属性存取中,即“.运算符”或“[]运算符”。当这两个运算符发现左操作数x是一个“值类型”数据时,将隐式地调用Object(x)过程将它转为对象,因此
'abc'.length
这个运算实际上就等效于
Object('abc').length



最后,我们回到原始的问题上来。所以我说:
====
JavaScript 里面有6种基本类型,对象是其中一种,各种对象是“对象(object)”这一种类型中的子类(类型)。
====
是没有什么错误的。而朱先生在他的书中说:
====
- JavaScript 语言只有 3 种最原始的数据类型:数值型、字符串型和布尔型
- JavaScript 还定义了几个特殊的数据类型,如空类型(null)和未定义类型(undefined)。
- 基本数据类型按值传送,而复杂数据类型按引用传送。
====
这几个观点都不太靠谱。其一,这三种是原始的数据类型没错,但并不是“只有3种”,这个稍后一点我再说。其二,空类型与未定义类型这两种说法都是错的,应该是Null类型和Undefined类型——小写的,是它们的值;首字母大写才是它们的类型。其三,undefined也是按值传递的,然而在朱先生的分类里头,就不知道如何归属。他起码提到了:原始数据类型,特殊数据类型,值(传递的)类型,引用(传递的)类型。这样复杂的分类,会更容易让读者混淆。


最后说一下“原始的数据类型”。这个用词在ECMAScript里面有,称为"primitive types",但这个概念主要是从“primitive values"里面引申出来的,而非单独作为一个类型分类的依据——ECMAScript中只提到过一次primitive type,并且也没有称之为“types”。ECMAScript用“primitive values"来说明一些类型的原始值,例如Boolean  Types具有原始值true/false。但这并没有说明Boolean对象类型与值类型之间的差异或关系,例如不能表明true与Boolean(true)之间有什么不同。

ECMAScript中使用“primitive values",并陈述了这些原始值的定义,主要是ECMAScript要兼顾JavaScript语言的实现方案。在ECMAScript中相当大的一部分是在描述一个语言的实现,许多地方需要将一个对象转换成“primitive values",或使用“primitive values"这样的名词来讲述它的实际实现——但我必须强调,这与类型系统的定义与规划没什么关系。例如ECMA讲述“属性(property)”这一概念时,原文是:
“Properties are containers that hold other objects, primitive values, or functions. A primitive value is a member of one of the following built-in types: Undefined, Null, Boolean, Number, and String; an object is a member of the remaining built-in type Object; and a function is a callable object. A function that is associated with an object via a property is a method.”

翻译过来就是:
属性可以包括其它对象、原始值或函数。一个原始值(primitive value)是以下内建类型的一个成员(即一个值,value):Undefined, Null, Boolean, Number, 以及String;一个对象(object)是其它内建对象类型的一个成员(实例,instance),函数(function)是一个可调用的对象。如果一个函数作为一个对象的属性,则我们称为方法(method)。

上面的描述与“类型系统如何划分”有什么关系吗?没有。关键在于上列5种原始值,都是可以跨语言来声明或使用的。然而,要更细节地叙述这一点,需要完整地讨论ECMAScript如何声明与实现语言的全过程。

所以如果将“primitive value"作为类型系统来讨论,就会相当地令人混乱了。这也是我一开始提出那几个问题的原因。



最后,强调一点。function是类型。所以你提到:
====
函数不是类型,函数是函数,是类型(type)为object的一个分类(class)
====
大概是所有混乱的总和了。关于第一型(first-class data types)的问题就不再讲了,以前已讲得太多。大家自己翻吧。
  • 大小: 98.7 KB
分享到:
评论

相关推荐

    JavaScript内置对象导览图

    这篇教程将带你深入理解JavaScript内置对象的导览图,让你更好地掌握这门语言的基础和高级特性。 1. **全局对象Global** 全局对象是所有JavaScript代码的上下文,它包含了一些基本的属性和方法,如`window`(在...

    javascript系列大全

    对于初学者来说,它们是理想的起点,能够引导你逐步理解JavaScript的基础语法、变量、数据类型、控制流、函数、对象和数组等概念,同时也能通过技巧收集来提升编程效率。 "JScript(微软—最好)"这个标签可能指的是...

    TIZA STAR大数据运维总览图模板

    【TIZA STAR大数据运维总览图模板】是专为大数据环境设计的一种综合监控和管理工具,它通过可视化的方式展示了大数据系统的运行状态,帮助运维人员高效地管理和维护大数据集群。这个模板结合了多种技术,包括前端...

    基于Echats的可视化大屏大数据运维总览图.rar

    **基于Echarts的可视化大屏大数据运维总览图** 在当今的数据时代,高效的数据管理和分析是企业运维的关键。Echarts,一个由百度开发的开源JavaScript图表库,为大数据的可视化提供了强大支持。本项目“基于Echarts...

    ajax上传图片,PHP上传图片,PHP上传图片跨域,跨域上传图片,上传图片缩览图

    最后,创建图片缩览图通常是为了优化显示和节省服务器存储空间。在PHP中,我们可以使用GD库或者Imagick扩展来处理图片缩放。下面是一个使用GD库生成缩略图的例子: ```php $source_image = imagecreatefromjpeg($...

    大数据运维总览图HTML模板源码 大数据大屏展示源码 VUE.zip

    该压缩包文件“大数据运维总览图HTML模板源码 大数据大屏展示源码 VUE.zip”包含了一个用于大数据运维监控的可视化界面的源代码。这个源码使用了Vue.js框架,Vue.js是一个轻量级但功能强大的前端JavaScript框架,它...

    Head First JavaScript(17年第1版).zip

    1 JavaScript速览:进入JavaScript的世界 阅读 2 编写代码:更进一步 3 函数简介:养成函数思维 4 让数据排排坐:数组 5 理解对象:对象镇之旅 6 与网页交互:了解DOM 7 类型、相等、转换等:系统...

    JavaScript学习笔记

    **7.1 表单总览** HTML表单由各种输入控件组成,如文本框、选择列表、按钮等,JavaScript可以操作这些元素,监听和响应用户操作。 以上只是JavaScript学习笔记的部分内容,JavaScript还包括DOM操作、事件处理、Ajax...

    网页程序设计笔记-HTML,JavaScript,CSS,Ajax

    2. "网页程序设计:JavaScript部分.pdf" - 这部分可能会讲解JavaScript的基础语法、变量、数据类型、控制流、函数,以及如何在网页中使用JavaScript进行事件处理和DOM操作。 3. "网页程序设计:CSS部分.pdf" - 这个...

    最新ArcGIS API for JavaScript_合集_v46-v410

    《ArcGIS API for JavaScript开发全览:从4.6到4.10的演进历程》 ArcGIS API for JavaScript是Esri公司提供的一款强大的Web GIS开发工具,它允许开发者在网页上创建交互式地图应用,支持丰富的地理分析功能和可视化...

    预算:Javascript实践

    我们还可以使用AJAX或Fetch API来异步获取服务器数据,更新预算的总览。 另外,考虑到预算涉及到大量的计算,JavaScript提供了丰富的数学函数,如Math对象,可以用于进行加减乘除、取模、求平方根等操作。我们还...

    ExtJS4中文教程2 开发笔记 chm

    JavaScript类型总览 JavaScript获取文本框光标的像素位置 js函数match、exec、test、search、replace、split使用介绍 技巧:Javascript使用隐藏的new来创建对象 禁止页面全选复制,兼容多种浏览器

    完美的js交互式商场地图

    熟悉JavaScript的基本语法、变量、数据类型、函数、对象和控制流程至关重要。 2. **DOM操作**:Document Object Model(DOM)是HTML和XML文档的结构表示。JavaScript通过DOM API与网页内容进行交互,例如添加、删除...

    025-微信小程序-兵马俑小程序(含语音画册与实时导览).zip

    总的来说,“025-微信小程序-兵马俑小程序(含语音画册与实时导览)”是一款将传统历史文化与现代科技相结合的应用,它利用微信小程序的便利性,为游客提供了更丰富、更个性化的参观体验。通过深入挖掘和整合旅游资源...

    基于Android平台的景区导览软件设计与实现(全文).docx

    随着移动设备的普及,这种基于Android平台的导览软件越来越受到欢迎,它能够适应不同类型的景区,为旅游业的数字化发展提供了有力的技术支持。 综上所述,基于Android平台的景区导览软件设计与实现结合了先进的技术...

    node-js2xmlparser:流行的Node.js模块,用于将JavaScript对象解析为XML

    js2xmlparser总览js2xmlparser是一个Node.js模块,它将JavaScript对象解析为XML。产品特点由于XML是一种数据交换格式,因此js2xmlparser主要用于JSON类型的对象,数组和原始数据类型,就像Node.js当前可用的许多其他...

    服务行业类型、.zip

    1. **index.html** - 这通常是网站的主页,可能会包含网站的概述、导航菜单以及服务行业类型的总览。在页面中,用户可能会看到服务业的分类、定义、重要性等相关信息。 2. **news.html** - 可能是新闻或动态页面,...

    jQuery轮播图插件使用简单大小修改方便.zip

    jQuery轮播图插件是一种广泛应用于网页设计中的动态展示元素,尤其在产品展示、图片集览等场景下,能够提供良好的用户体验。这个压缩包“jQuery轮播图插件使用简单大小修改方便.zip”包含了实现这一功能所需的基本...

    百度地图api教程

    10. **地图瓦片API**:获取自定义地图的瓦片图片,可实现个性化地图设计。 在“百度地图离线API教程”中,你将详细学习如何使用这些API,并通过实例代码理解其工作原理。教程通常会涵盖API的引入、配置、调用方法...

Global site tag (gtag.js) - Google Analytics