JavaScript语言中值的类型

1. 基础数据类型和引用数据类型

JavaScript中的变量是没有类型的,只有值才有,变量可以随时持有任何类型的值。JavaScript中值的类型分为基础数据类型和引用数据类型。JavaScript中有5种基础数据类型,分别是:

  1. Null(空值)
  2. Undefined(未定义:已声明,未赋值)
  3. Boolean(布尔值)
  4. Number(数字)
  5. String(字符串)

ES6中新增了Symbol数据类型,Symbol是类字符串形式的基础数据类型,暂不考虑。基础数据类型都是按值访问,因为我们可以直接操作保存在变量中的实际的值。JavaScript还有一种复杂数据类型:Object(对象类型)。引用数据类型就是由多个值组成的对象,所有引用类型的值都是Object的实例。包括:

  1. Object(对象)
  2. Array(数组)
  3. Date(日期)
  4. ReqExp(正则表达式)
  5. Function(函数)
  6. 基本包装类型(3个特殊的引用类型:Boolean、Number和String,为其对应的基础数据类型提供方法)

引用数据类型的值是保存在堆内存中的对象。JavaScript不允许直接访问堆内存中的位置,因此我们不能直接操作对象的堆内存空间。在操作对象时,实际上是在操作对象的引用而不是实际的对象。因此,引用类型的值都是按引用访问的。这里的引用,我们可以理解为保存在变量对象中的一个地址,该地址与堆内存的实际值相关联。

2. 类型检测

2.1 typeof 操作符

typeof 是一个操作符而不是函数(因此其操作数可以加括号也可以不加括号),用于检测给定变量或字面量的数据类型,其返回值为代表类型的字符串,可能值为:

  1. "undefined" —— 这个值已声明但未赋值
  2. "boolean" —— 这个值是布尔值,为true或false
  3. "string" —— 这个值是字符串
  4. "number" —— 这个值是数字
  5. "object" —— 这个值是对象(包括对象、数组、日期和正则表达式)或null
  6. "function" —— 这个值是函数

typeof 操作符使用时有两点值得注意:

(1) typeof null 的结果为 "object"。原理是这样的,不同的对象在底层都表示为二进制,在 JavaScript 中二进制前三位都为 0 (数值的标志位:1~3个字节)的话会被判断为 object 类型, null 的二进制表示是全 0,自然前三位也是 0,所以执行 typeof 时会返回“ object ”。这个bug是第一版Javascript留下来的。在这个版本,数值是以32字节存储的,由标志位(1~3个字节)和数值组成。
(2) 如下代码:

var a;
typeof a; // "undefined"
typeof b; // "undefined"
a; // undefined
b; // ReferenceError: b is not defined

b未声明但是使用 typeof 操作符检测b未报引用错误,而是返回undefined字符串,说明 typeof 有一个特殊的安全防范机制,实际工作中可以加以利用。因此在工作中常可以看到类似如下的的代码:

if (typeof DEBUG !== "undefined") {
 console.log("Debugging is starting")
}

而不是这样的代码:

if (DEBUG) {
 console.log("Debugging is starting")
}

因为DEBUG变量一般只在debug.js文件中才有,而该文件只在开发和测试时才被加载到浏览器中,在生产环境中不予加载,若使用第二种写法,则在生产环境中会报引用错误。

2.2 toString

  • typeof 操作符除了函数之外,不能获取其他对象的信息,使用 toString 则不管是object类型还是primitive类型,都能得到你想要的结果:
console.log(toString.call(123));  
console.log(toString.call(true));  
console.log(toString.call(Symbol('foo')));  
console.log(toString.call('some string'));  
console.log(toString.call([1, 2]));  
console.log(toString.call(new Date()));  
console.log(toString.call({  
    a: 'a'
}));

// output
[object Number]
[object Boolean]
[object Symbol]
[object String]
[object Array]
[object Date]
[object Object]

2.3 instanceof 操作符

  • toString 只可以用于判断内置的数据类型,对于我们自己构造的对象,它还是不能给出我们想要的结果,这时需要使用 instanceof
  • 对于使用构造函数创建的对象,我们通常使用 instanceof 来判断某一实例是否属于某种类型,例如:a instanceof Person,其内部原理实际上是判断Person.prototype是否在a实例的原型链中。
  • 检测基础数据类型用typeof操作符,检测引用数据类型则用 instanceof 操作符,其语法如下所示:
    result = variable instanceof constructor,如果变量是给定引用数据类型(根据它的原型链来识别)的实例,那么 instanceof 操作符就会返回true。如果使用instanceof操作符检测基本数据类型的值,则始终会返回false,因为基本类型不是对象。

3. Undefined类型和Null类型对比

Undefined类型和Null类型都是一值类型,即只有一个值的数据类型。Undefined类型的值为特殊的undefined,Null类型的值为特殊的null。

3.1 Undefined类型

undefined表示"缺少值",就是此处应该有一个值,但是还没有定义。典型用法是:

  1. 变量被声明了,但没有赋值时,就等于undefined。
  2. 调用函数时,应该提供的参数没有提供,该参数等于undefined。
  3. 对象没有赋值的属性,该属性的值为undefined。
  4. 函数没有返回值时,默认返回undefined。

3.2 Null类型

null表示"没有对象",即该处不应该有值。典型用法是:

  1. 作为函数的参数,表示该函数的参数不是对象。
  2. 作为对象原型链的终点。

3.3 注意

(1) undefined值是派生自null值的,因此位于null和undefined之间的相等操作符(==)总返回true。

null == undefined; //true
null === undefined; //false

(2) null是一个表示"无"的对象,转为数值时为0;undefined是一个表示"无"的原始值,转为数值时为NaN。

Number(null); //0
Number(undefined); //NaN
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,470评论 6 501
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,393评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,577评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,176评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,189评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,155评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,041评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,903评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,319评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,539评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,703评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,417评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,013评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,664评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,818评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,711评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,601评论 2 353

推荐阅读更多精彩内容

  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,145评论 0 13
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 5,124评论 0 21
  • 第1章 JavaScript 简介 JavaScript 具备与浏览器窗口及其内容等几乎所有方面交互的能力。 欧洲...
    力气强阅读 1,128评论 0 0
  • 写这篇文章的时候,是大年三十,本来应该和家人一起看春节联欢晚会的,但是看了一个小时感觉没有什么劲,我想今年春晚又会...
    AndyJennifer阅读 1,489评论 0 4
  • 易小程经过和客户反复沟通讨论,进行产品实现后,发现有必要把其中一些客户的产品靓点分享给同行; 让依旧徘徊,不知道如...
    31f6398db51d阅读 1,006评论 0 51