`
cxmin121
  • 浏览: 18952 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript中的类型

阅读更多
一、类型定义
什么叫做类型?简单地说,类型就是把内存中的一个二进制序列赋予某种意义。比如,二进制序列0100 0000 0111 0000 0001 0101 0100 1011 1100 0110 1010 0111 1110 1111 1001 1110如果看作是64位无符号整数类型就是4643234631018606494 而按照IEEE 754规定的浮点数二进制表示规则(见附1)双精度浮点类型则是257.331。
变量类型
大部分计算机语言使用变量来存储和表示数据,一些语言会给变量规定一个类型,在整个程序中(不论是编译时还是运行时),这个类型都不能被改变。与此相对,JavaScript和一些其它语言的变量可以存储任何类型,它们使用无类型的变量。变量类型是否存在,是跟语法无关的,例如C#中也提供了var类型的变量,但是,下面的语句在C#中会出错:
var a=1;

a=”string”;

原因是C#的var关键字只是省略了变量类型声明,而根据初始化表达式自动推断变量类型,所以C#的var变量仍然是有类型的。而JavaScript中,任何时刻你都可以把任何值赋值给特定变量,所以JavaScript变量是无类型的。

强类型和弱类型
按照计算机语言的类型系统的设计方式,可以分为强类型和弱类型两种。二者之间的区别,就在于计算时是否可以不同类型之间对使用者透明地隐式转换。从使用者的角度来看,如果一个语言可以隐式转换它的所有类型,那么它的变量、表达式等在参与运算时,即使类型不正确,也能通过隐式转换来得到正确地类型,这对使用者而言,就好像所有类型都能进行所有运算一样,所以这样的语言被称作弱类型。与此相对,强类型语言的类型之间不一定有隐式转换(比如C++是一门强类型语言,但C++中double和int可以互相转换,但double和任何类型的指针之间都需要强制转换)

为什么要有类型
类型可以帮助程序员编写正确的程序,它在实际编写程序的过程中体现为一种约束。一般规律是,约束越强越不容易出错,但编写程序时也越麻烦。变量有类型的强类型语言约束最强,典型代表是C++,变量无类型的弱类型语言约束最弱,典型代表是JavaScript。在JavaScript中,因为约束比较弱,所以容易出现这种错误:
var a =200;

var b ="1";

var c= a + b;

你可能期望c是201,但实际上它是"2001",这个错误在强类型语言中决不会出现。然而正是因为JavaScript没有这些约束,所以可以很方便地拼接数字和字符串类型。所以,约束和灵活性对语言的设计者而言,永远是需要平衡的一组特性。

静态类型和动态类型
类型是一种约束,这种约束是通过类型检查来发生作用的。在不同语言中,类型检查在不同的阶段发生作用,这样又可以分为编译时检查和运行时检查。对于JavaScript这样的解释型语言,也有跟编译过程比较相似的阶段,即词法分析和语法分析,解释型语言的类型检查若在语法分析或者之前的阶段完成,也可以认为类似于编译时检查。所以更合理的说法是静态类型检查和动态类型检查。

有趣的是,很多语言虽然编译时检查类型,但是它的类型信息仍可以在运行时获得,如C#中使用元数据来保存类型信息,在运行阶段,使用者可以通过反射来获取和使用类型的信息。

JavaScript在设计的各个方面都以灵活性优先,所以它使用动态类型检查,并且除了在进行极少数特定操作时,JavaScript不会主动检查类型。你可以在运行时获得任何一个变量或者表达式的类型信息并且通过程序逻辑检查它的正确性。

二、JavaScript标准规定的类型
JavaScript标准中规定了9种类型:Undefined Null Boolean String Number Object Reference List Completion

其中,Reference List Completion三种类型仅供语言解析运行时使用,无法从程序中直接访问,这里就暂不做介绍。下面我们可以了解下这六种类型:

Undefined类型
Undefined类型只有一个值undefined,它是变量未被赋值时的值,在JS中全局对象有一个undefined属性表示undefined,事实上undefined并非JavaScript的关键字,可以给全局的undefined属性赋值来改变它的值。

Null类型
Null类型也只有一个值null,但是JavaScript为它提供了一个关键字null来表示这个唯一的值。Null类型的语义是“一个空的对象引用”。

Boolean类型
Boolean有两种取值true和false

String类型
String类型的的正式解释是一个16位无符号整数类型的序列,它实际上用来表示以UTF-16编码的文本信息。

Number类型
JavaScript的Number共有18437736874454810627 (就是 264-253 +3)个值。JavaScript的Number以双精度浮点类型存储,除了9007199254740990表示NaN,它遵守IEEE 754(见附1)规定,占用64位8字节。

Object类型
JavaScript中最为复杂的类型就是Object,它是一系列属性的无序集合,Function是实现了私有属性[[call]]的Object,JavaScript的宿主也可以提供一些特别的对象。

三、JavaScript使用者眼中的类型:
前面讲了JS标准中规定的类型,然而一个不能忽略的问题是JS标准是写给JS实现者看的,对JS使用者而言,类型并不一定要按照标准来定义,比如,因为JS在进行.运算的时候,会自动把非Object类型转换为与其对应的对象,所以"str".length其实和(new String("str")).length是等效的,从这个角度而言,认为二者属于同一类型也未尝不可。我们利用JS中的一些语言特性,可以进行运行时的类型判别,但是这些方法判断的结果各不相同,孰好孰坏还需要您自己决定。

typeof——看上去很官方
typeof是JS语言中的一个运算符,从它的字面来看,显然它是用来获取类型的,按JavaScript标准的规定,typeof获取变量类型名称的字符串表示,他可能得到的结果有6种:string、bool、number、undefined、object、function,而且JavaScript标准允许其实现者自定义一些对象的typeof值。

在JS标准中有这样一个描述列表:

Type

Result

Undefined

"undefined"

Null

"object"

Boolean

"boolean"

Number

"number"

String

"string"

Object (native and doesn't implement [[call]])

"object"

Object (native and implements [[call]])

"function"

Object (host)

Implementation-dependent

下面一个例子来自51js的Rimifon,它展示了IE中typeof的结果产生"date"和"unknown"的情况:
var xml=document.createElement("xml"); 
var rs=xml.recordset; 
rs.Fields.Append("date", 7, 1); 
rs.Fields.Append("bin", 205, 1); 
rs.Open(); 
rs.AddNew(); 
rs.Fields.Item("date").Value = 0; 
rs.Fields.Item("bin").Value = 21704; 
rs.Update(); 
var date = rs.Fields.Item("date").Value; 
var bin = rs.Fields.Item("bin").Value; 
rs.Close(); 
alert(date); 
alert(bin); 
alert([typeof date, typeof bin]); 
try{alert(date.getDate())}catch(err){alert(err.message)}

关于这个最为接近"类型"语义的判断方式,实际上有不少的批评,其中之一是它无法分辨不同的object,new String("abc")和new Number(123)使用typeof无法区分,由于JS编程中,往往会大量使用各种对象,而typeof对所有对象都只能给出一个模糊的结果"object",这使得它的实用性大大降低。

instanceof——原型还是类型?
instanceof的意思翻译成中文就是"是……的实例",从字面意思理解它是一个基于类面向对象编程的术语,而JS实际上没有在语言级别对基于类的编程提供支持。JavaScript标准虽然只字未提,但其实一些内置对象的设计和运算符设置都暗示了一个"官方的"实现类的方式,即从把函数当作类使用,new运算符作用于函数时,将函数的prototype属性设置为新构造对象的原型,并且将函数本身作为构造函数。

所以从同一个函数的new运算构造出的对象,被认为是一个类的实例,这些对象的共同点是:1.有同一个原型 2.经过同一个构造函数处理。而instanceof正是配合这种实现类的方式检查"实例是否属于一个类"的一种运算符。猜一猜也可以知道,若要检查一个对象是否经过了一个构造函数处理千难万难,但是检查它的原型是什么就容易多了,所以instanceof的实现从原型角度理解,就是检查一个对象的[[prototype]]属性是否跟特定函数的prototype一致。注意这里[[prototype]]是私有属性,在SpiderMonkey(就是Firefox的JS引擎)中它可以用__proto__来访问。

原型只对于标准所描述的Object类型有意义,所以instanceof对于所有非Object对象都会得到false,而且instanceof只能判断是否属于某一类型,无法得到类型,但是instanceof的优势也是显而易见的,它能够分辨自定义的"类"构造出的对象。

instanceof实际上是可以被欺骗的,它用到的对象私有属性[[prototype]]固然不能更改,但函数的prototype是个共有属性,下面代码展示了如何欺骗instanceof
function ClassA(){};

function ClassB(){};

var o = new ClassA();//构造一个A类的对象

ClassB.prototype = ClassA.prototype; //ClassB.prototype替换掉

alert(o instanceof ClassB)//true 欺骗成功 - -!

Object.prototype.toString——是个好方法?
Object.prototype.toString原本很难被调用到,所有的JavaScript内置类都覆盖了toString这个方法,而对于非内置类构造出的对象,Object.prototype.toString又只能得到毫无意义的[object Object]这种结果。所以相当长的一段时间内,这个函数的神奇功效都没有被发掘出来。

在标准中,Object.prototype.toString的描述只有3句

1. 获取this对象的[[class]]属性

2. 通过连接三个字符串"[object ", 结果(1), 和 "]"算出一个字符串

3. 返回 结果(2).

显而易见,Object.prototype.toString其实只是获取对象的[[class]]属性而已,不过不知道是不是有意为之,所有JS内置函数对象String Number Array RegExp……在用于new构造对象时,全都会设定[[class]]属性,这样[[class]]属性就可以作为很好的判断类型的依据。

因为Object.prototype.toString是取this对象属性,所以只要用Object.prototype.toString.call或者Object.prototype.toString.apply就可以指定this对象,然后获取类型了。

Object.prototype.toString尽管巧妙,但是却无法获取自定义函数构造出对象的类型,因为自定义函数不会设[[class]],而且这个私有属性是无法在程序中访问的。Object.prototype.toString最大的优点是可以让1和new Number(1)成为同一类型的对象,大部分时候二者的使用方式是相同的。

然而值得注意的是 new Boolean(false)在参与bool运算时与false结果刚好相反,如果这个时候把二者视为同一类型,容易导致难以检查的错误。

总结:
为了比较上面三种类型判断方法,我做了一张表格,大家可以由此对几种方法有个整体比较。为了方便比较,我把几种判断方式得到的结果统一了写法:

对象

typeof

instanceof

Object.prototype.toString

标准

"abc"

String

——

String

String

new String("abc")

Object

String

String

Object

function hello(){}

Function

Function

Function

Object

123

Number

——

Number

Number

new Number(123)

Object

Number

Number

Object

new Array(1,2,3)

Object

Array

Array

Object

new MyType()

Object

MyType

Object

Object

null

Object

——

Object

Null

undefined

Undefined

——

Object

Undefined

事实上,很难说上面哪一种方法是更加合理的,即使是标准中的规定,也只是体现了JS的运行时机制而不是最佳使用实践。我个人观点是淡化"类型"这一概念,而更多关注"我想如何使用这个对象"这种约束,使用typeof配合instanceof来检查完全可以在需要的地方达到和强类型语言相同的效果。
分享到:
评论

相关推荐

    第9节 JavaScript简单类型和复杂类型.rar

    第9节 JavaScript简单类型和复杂类型.rar第9节 JavaScript简单类型和复杂类型.rar第9节 JavaScript简单类型和复杂类型.rar第9节 JavaScript简单类型和复杂类型.rar第9节 JavaScript简单类型和复杂类型.rar第9节 ...

    JavaScript 复合类型 示例代码

    本资源为JavaScript中复合类型的示例代码,其中包含string、date、object、json的语法定义和代码示例本资源为JavaScript中复合类型的示例代码,其中包含string、date、object、json的语法定义和代码示例本资源为...

    javascript中文手册 javascript中文手册

    变量在JavaScript中可以动态声明和赋值,数据类型包括基本类型(如字符串、数字、布尔值)和引用类型(如对象和数组)。运算符则用于处理这些数据,如算术运算符、比较运算符和逻辑运算符。流程控制结构使程序可以...

    浅析JavaScript中的类型和对象

    JavaScript中允许的类型包括Array、Boolean、Date、Enumerator(实际上是枚举类型,但在标准JavaScript中通常不需要直接操作)、Error、Function、Number、Object、RegExp和String。这些类型是JavaScript内置的构造...

    一种JavaScript矢量类型带有GLSL启发式转换

    JavaScript矢量类型是一种在Web开发中用于处理图形和计算的工具,特别是在3D图形渲染和游戏开发中。GLSL(OpenGL Shading Language)是编写着色器的语言,它允许我们直接在GPU上运行代码,以实现高效的图形处理。将...

    JavaScript静态类型检查Flow.zip

    Flow 是 Facebook 出品的一个用于 JavaScript 代码的静态类型检查工具。用于找出 JavaScript 代码中的类型错误。Flow 采用 OCaml 语言开发。 标签:Flow

    javascript中文参考_btest115

    其中,变量是存储数据的容器,JavaScript有六种基本数据类型:Undefined、Null、Boolean、Number、String和Symbol(ES6新增),以及一种复合类型:Object。操作符用于对变量进行运算,例如算术、比较和逻辑运算。...

    javascript中文参考手册

    在JavaScript中,基础语法包括变量声明(var、let、const)、数据类型(如字符串、数字、布尔值、null、undefined、对象、数组、Symbol、BigInt)以及运算符(算术、比较、逻辑、位运算、赋值)。控制结构有条件语句...

    JavaScript中文帮助文档

    在JavaScript的语法中,数据类型包括基本类型(如字符串、数字、布尔值)和引用类型(如对象、数组)。变量的声明使用`var`关键字,而`let`和`const`则是在ES6中引入的新的变量声明方式,它们具有块级作用域的特性。...

    JavaScript的数据类型问题

    这里我们将深入探讨JavaScript中的数据类型,帮助你消除疑惑,清晰地掌握这一核心概念。 JavaScript有两种主要的数据类型:基本数据类型和引用数据类型。 1. **基本数据类型**: - **Undefined**:当变量被声明但...

    JavaScript标准参考教程

    数据类型转换章节介绍了在JavaScript中进行数据转换的各种方法和规则。了解这些规则对于避免类型相关的bug和提升代码的健壮性非常重要。 错误处理机制章节介绍了JavaScript中的Error对象、throw语句、try...catch...

    JavaScript

    5. **弱类型与数据类型**:JavaScript是弱类型语言,数据类型包括基本类型(如`string`、`undefined`、`boolean`等)和引用类型,选项A正确,选项B中的`int`不是JavaScript的基本类型。 6. **循环与函数**:给定...

    JavaScript语法和数据类型(源代码)

    JavaScript语法和数据类型(源代码)JavaScript语法和数据类型(源代码)JavaScript语法和数据类型(源代码)JavaScript语法和数据类型(源代码)JavaScript语法和数据类型(源代码)JavaScript语法和数据类型(源...

    javascript中文参考资料

    JavaScript是一种动态类型语言,这意味着变量的数据类型可以在运行时改变。数组是存储多个值的容器,而对象则是一种键值对的数据结构,常用于构建复杂的数据模型。 "03 表达式与运算符.pdf"涉及了JavaScript中的...

    javascript数据类型

    本文将详细介绍 JavaScript 中的基本数据类型和复杂数据类型,并对每种数据类型进行深入解释。 基本数据类型 JavaScript 中有 5 种基本数据类型,也即Undefined、Null、Boolean、Number 和 String。 Undefined ...

    JavaScript零基础入门 2:JavaScript数据类型简介

    javascript数据类型

    JavaScript语言中文参考手册

    在JavaScript中,数据类型主要包括基本类型(如字符串、数字、布尔值、null和undefined)和引用类型(如对象)。变量声明通常使用var、let或const关键字,其中let和const是ES6引入的新特性,它们提供了更严格的变量...

    第3节 JavaScript数据类型.rar

    第3节 JavaScript数据类型.rar第3节 JavaScript数据类型.rar第3节 JavaScript数据类型.rar第3节 JavaScript数据类型.rar第3节 JavaScript数据类型.rar第3节 JavaScript数据类型.rar第3节 JavaScript数据类型.rar第3...

Global site tag (gtag.js) - Google Analytics