深入探讨javascript中的数据类型


Posted in Javascript onMarch 04, 2015

学一门编程语言,无非两方面:一是语法,二是数据类型。类C语言的语法不外乎if、while、for、函数、算术运算等,面向对象的语言再加上object。
语法只是语言设计者预先做的一套规则,不同语言语法不尽相同,但都有一些共通点,对于熟悉一两门编程语言的人,学其他的编程语言时,语法往往不是问题(当然,如果你一直学的是类C语言,那么首次接触lisp时肯定也要花些时间),学习的重点往往是数据类型及其相关操作上,不是有句老话:“数据结构+算法=程序”!其次,有些语言的语法本身就存在设计问题(javascript更甚),我们没必要深究这些点,当然,如果你自诩geek,可以把玩把玩。

本文将对javascript中的数据类型做一个详尽的介绍。

弱类型 vs 强类型

鉴于javascript的设计理念,javascript被设计成一种弱类型的语言。
说到这里,难免要说一下,弱类型与强类型的区别。
一些人会误以为这两者的差别就是“强类型的语言在声明一个变量时需要指明它的类型,而弱类型的则不用”。其实这种观点是错误的。比如下面这个Java代码片段:

String s = "hello";

int l = s.getBytes().length;

编译器是怎么知道.length是合法的表达式呢?这是因为编译器知道s的数据类型为String,当调用String的getBytes方法时,返回值的数据类型为byte[],所以.length是合法的表达式。
这两者真正的区别是:

在强类型的语言,每个表达式的类型都能够在编译时确定,并且只允许适用于该类型的操作;
弱类型的语言允许对任意类型施加任何操作,只是这个操作有可能在运行时报错。
数据类型

根据ECMAScript 5.1的规范,javascript中共有六种数据类型,分别为:Undefined, Null, Boolean, Number, String、Object。前五种属于基本类型,最后一种属于对象类型。

基本数据类型

Undefined类型只有一个值,为undefined,意味着“空值(no value)”,适用于所有数据类型。
Null类型只有一个值,为null,意味着“空对象(no object)”,只适用于对象类型。
Boolean类型有两个值,为true与false
Number类型的值是遵循IEEE 754标准的64位浮点数的集合,类似于Java的double。没有整型数据结构。此外还包含三个特殊的值:NaN、Infinity、-Infinity
String类型的值是有穷个Unicode字符的集合。必须用'或"括起来。

null与undefined

null与undefined都表示“没有值(non-value)”的概念,如果严格区分:
- null表示空
- undefined表示不存在。没有初始化的变量、函数中缺失的参数、函数没有显式return值时都为此值

在其他语言中,一般只用一个null来表示空值,javascript中为什么多了个undefined呢?这是历史原因造成的:

javascript采用了Java的语法,把类型分为了基本类型与对象类型,Java中用null来表示空对象,javascript想当然的继承了过来;在C语言中,null在转为数字时为0,javascript也采取同样的方式:

> Number(null)

0

> 5 + null

5

在javascript1.0时,还没有异常处理(exception handling),对于一些异常情况(没有初始化的变量、调用函数时缺失的参数等),需要标明为一种特殊的值,null本来是个很好的选择,但是Brendan Eich同时想避免下面两件事:
- 这个特殊值不应该有引用的特性,因为那是对象特有的
- 这个特殊值不应该能转为0,因为这样不容易发现程序中的错误
基于这两个原因,Brendan Eich选择了undefined,它可以被强转为NaN。

> Number(undefined)

NaN

> 5 + undefined

NaN

两者在于JSON对象打交道时,结果也迥然不同:

> JSON.parse(null)

null

> JSON.parse(undefined)

//Firfox SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data

//Chrome SyntaxError: Unexpected token u

> JSON.stringify(null)

"null"

> JSON.stringify(undefined)

undefined

对象类型

javascript作为一门脚本语言,本身功能十分精简,很多功能(文件读写、网络等)都是由宿主环境提供。宿主环境与javascript语言的桥梁是对象,宿主环境通过提供一系列符合javascript语法的对象,提供各种各样的功能。

在javascript面向对象编程这篇文章(如果你不知道prototype是什么,强烈建议看看这篇文章)里,我多次强调了对象在javascript中就是一系列的键值对,就像Java中的HashMap一样,不过,javascript中对象的属性可以有一些描述符(property descriptor),这在HashMap中是没有的。

属性描述符

属性描述符分为两类:

数据描述符(data descriptor),包含一系列boolean值,用以说明该属性是否允许修改、删除。
访问描述符(accessor descriptor),包含get与set函数。
这两种描述符都是对象,它们都拥有下面两个boolean属性:

configurable 用以指定该描述符是否允许修改、删除。默认为false。
enumerable 用以指定在遍历对象(使用for...in循环或Object.keys方法)的属性时,是否访问该属性。默认为false。
除了上面这两个共有属性外,数据描述符还有下面两个属性:
- value 用以指定该属性的值,默认为undefined
- writable 用以指定该属性的值是否允许改变该属性的值,默认为false

访问描述符还有下面两个属性:
- get 用以指定访问该属性时的访问器(getter,本质是个函数),该访问器的返回值为该属性的值。默认为undefined
- set 用以指定访问该属性时的赋值器(setter,本质是个函数),该赋值器的接受一个参数。默认为undefined

我们可以使用Object.defineProperty来设置对象的属性描述符。例如:

// using __proto__

Object.defineProperty(obj, 'key', {

  __proto__: null, // no inherited properties

  value: 'static'  // not enumerable

                   // not configurable

                   // not writable

                   // as defaults

});

通过上面这个例子可以看出,描述符具有继承的特点,我们这里显式的把描述符对象的__proto__设为null,就避免了从Object.prototype中继承相应属性。当然我们也可以显式地设置描述符的所有属性:

// being explicit

Object.defineProperty(obj, 'key', {

  enumerable: false,

  configurable: false,

  writable: false,

  value: 'static'

});

这样的效果和第一段代码的效果是一样的。

下面再举一个访问描述符的例子:

// Example of an object property added with defineProperty with an accessor property descriptor

var bValue = 38;

Object.defineProperty(obj, 'key', {

  get: function() { return bValue; },

  set: function(newValue) { bValue = newValue; },

  enumerable: true,

  configurable: true

});

需要注意的是,不能混淆了访问描述器与数据描述器。下面这样写是错误的:

// You cannot try to mix both:

Object.defineProperty(obj, 'conflict', {

  value: 0x9f91102,

  get: function() { return 0xdeadbeef; }

});

// throws a TypeError: property descriptors must not specify a value 

// or be writable when a getter or setter has been specified

typeof

如果想在运行时获知某变量的类型,可以使用typeof操作符。typeof的返回值如下表:

深入探讨javascript中的数据类型

其中有一处需要注意,那就是typeof null == "object",按照ECMAScript 5.1标准,Null类型应该是个基本类型,为什么这里返回object呢?原因是这样的:

在javascript 1.0中,javascript中的值是用一个类型标志(type tag)和一个实际值这样的结构表示的,对象的类型标志为0,null在C语言中表示NULL指针(0x00),所以null的类型标志就为0了。

以上就是本文的全部内容了,有需要的小伙伴参考下吧。

Javascript 相关文章推荐
JavaScript 对象的属性和方法4种不同的类型
Mar 19 Javascript
巧用replace将文字表情替换为图片
Apr 17 Javascript
js写出遮罩层登陆框和对联广告并自动跟随滚动条滚动
Apr 29 Javascript
jQuery中:not选择器用法实例
Dec 30 Javascript
JCrop+ajaxUpload 图像切割上传的实例代码
Jul 20 Javascript
js给table赋值的实例代码
Oct 13 Javascript
JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】
Oct 17 Javascript
bootstrap基本配置_动力节点Java学院整理
Jul 14 Javascript
node puppeteer(headless chrome)实现网站登录
May 09 Javascript
使用JS实现导航切换时高亮显示的示例讲解
Aug 22 Javascript
在vue项目中优雅的使用SVG的方法实例详解
Dec 03 Javascript
layui form表单提交后实现自动刷新
Oct 25 Javascript
深入理解JavaScript系列(49):Function模式(上篇)
Mar 04 #Javascript
js实现百度联盟中一款不错的图片切换效果完整实例
Mar 04 #Javascript
jQuery中大家不太了解的几个方法
Mar 04 #Javascript
深入理解JavaScript系列(48):对象创建模式(下篇)
Mar 04 #Javascript
js计算德州扑克牌面值的方法
Mar 04 #Javascript
深入理解JavaScript系列(47):对象创建模式(上篇)
Mar 04 #Javascript
深入理解JavaScript系列(46):代码复用模式(推荐篇)详解
Mar 04 #Javascript
You might like
Terran剧情介绍
2020/03/14 星际争霸
摩卡咖啡
2021/03/03 咖啡文化
Ajax PHP 边学边练 之三 数据库
2009/11/26 PHP
Laravel 5框架学习之Blade 简介
2015/04/08 PHP
Laravel学习基础之migrate的使用教程
2017/10/11 PHP
PHP中soap用法示例【SoapServer服务端与SoapClient客户端编写】
2018/12/25 PHP
Laravel 集成微信用户登录和绑定的实现
2019/12/27 PHP
JavaScript面向对象之Prototypes和继承
2012/07/12 Javascript
js+div实现图片滚动效果代码
2014/02/10 Javascript
深入理解JavaScript系列(48):对象创建模式(下篇)
2015/03/04 Javascript
Javascript中字符串replace方法的第二个参数探究
2016/12/05 Javascript
jQuery纵向导航菜单效果实现方法
2016/12/19 Javascript
原生JS改变透明度实现轮播效果
2017/03/24 Javascript
移动端滑动切换组件封装 vue-swiper-router实例详解
2018/11/25 Javascript
JavaScript之解构赋值的理解
2019/01/30 Javascript
Vue自定义指令上报Google Analytics事件统计的方法
2019/02/25 Javascript
微信小程序身份证验证方法实现详解
2019/06/28 Javascript
CountUp.js数字滚动插件使用方法详解
2019/10/17 Javascript
vue 开发企业微信整合案例分析
2019/12/02 Javascript
js实现小球在页面规定的区域运动
2020/06/16 Javascript
学习python之编写简单简单连接数据库并执行查询操作
2016/02/27 Python
Python中的左斜杠、右斜杠(正斜杠和反斜杠)
2016/08/30 Python
基于pycharm导入模块显示不存在的解决方法
2018/10/13 Python
python实现一个简单的udp通信的示例代码
2019/02/01 Python
Tensorflow分类器项目自定义数据读入的实现
2019/02/05 Python
python实现抖音点赞功能
2019/04/07 Python
python matplotlib库直方图绘制详解
2019/08/10 Python
Python实现FLV视频拼接功能
2020/01/21 Python
python tkinter之 复选、文本、下拉的实现
2020/03/04 Python
求职推荐信范文
2013/12/01 职场文书
课改先进个人汇报材料
2014/01/26 职场文书
酒店节能减排方案
2014/05/26 职场文书
销售经理岗位职责范本
2015/04/02 职场文书
2015年人民调解工作总结
2015/05/18 职场文书
团干部培训班心得体会
2016/01/06 职场文书
IDEA2021.2配置docker如何将springboot项目打成镜像一键发布部署
2021/09/25 Java/Android