ECMAScript语言类型对应于使用ECMAScript语言的ECMAScript程序员直接操作的值。ECMAScript语言类型有以下几种Undefined,Null,Boolean,String,Symbol,Number和Object。ECMAScript语言值是以ECMAScript语言类型为特征的值。

如果你奇怪为什么这里没有写Function类型,并且把Null也当做一种类型,建议你看一下hax在知乎上的一个回答JavaScript 里 Function 也算一种基本类型?

简单说:按照规范,typeof只是一个运算符,其返回值并不能作为JS类型系统的依据。

typeof null == ‘object’ ?

摘录在网上看到的一段话:

我听到很多次人们声称`typeof null =='object''是某种意图,表示'null'应该是一个“空对象引用”值,他们进一步使用当前的“任何对象价值”的措辞来支持这种说法。我相信这是非常不准确的,至少就JS今天而言,正如Brendan Eich自己所说的那样,'typeof null =='object'只是一个错误,而不是一个有意的功能或者如何使用它的信号。

MDN上这样说:

在 JavaScript 最初的实现中,JavaScript 中的值是由一个表示类型的标签和实际数据值表示的。对象的类型标签是0。由于 null 代表的是空指针(大多数平台下值为0x00),因此,null的类型标签也成为了0,typeof null就错误的返回了"object"

关于null == ‘object’的更多信息,你可以去看看The history of “typeof null”这篇文章。译文 typeof null的前世今生

Symbol类型?

恩,它是ES6新增的啦,主要用来解决命名冲突,如果你感兴趣可以看一下下面这篇文章。

JS的第七种基本类型Symbols

用 instanceof 判断对象类型?

用instanceof来判断对象类型多少有些不合适,因为instanceof是用来判断某个对象的原型链是否存在于某个构造函数的prototype上的,因原型链这一层关系导致部分情况下用instanceof来判断对象类型就变得不是那么准确了,比如判断数组的类型。

导致这个原因是因为所有对象都继承至Object.prototype,当然,通过Object.create(null)方式创建对象,原型是不会指向Object.prototype的。

这里推荐一篇关于instanceof的文章JavaScript instanceof 运算符深入剖析

通过constructor属性来判断对象类型是个好方法?

MDN上是这样说的:

返回一个指向创建了该对象原型的函数引用。需要注意的是,该属性的值是那个函数本身,而不是一个包含函数名称的字符串。对于原始值(如1,true 或 "test"),该属性为只读。

将这句话翻译成代码就是这样:

function fn(){}
new fn().constructor //等于fn.prototype.constructor

而这个fn.prototype.constructor就是指向fn本身,因而有些人就想着通过constructor来判断某个对象的类型,如下图

看起来通过constructor来判断对象类型是个不错的方法,更重要的是还能判断自定义对象类型。

虽然说通过constructor来判断对象类型是一个方案,但这种方法并不是总正确的,主要还是因为这个constructor指向的是构造函数prototype.constructor属性,而这个值我们是可以手动更改的,如下面这样:

function fn(){}
fn.prototype = new Object();
new fn().constructor == fn //false
new fn().constructor == Object //true

我们手动将fn.prototype指向一个新对象,它的执行结果如下:

fn.prototype = {}.__proto__.prototype.constructor // Object

如果你实在是想用constructor来判断对象类型,那么在像上面那种情况时,你可以这样去做:

function fn(){}
fn.prototype = new Object();
fn.prototype.constructor = fn;

借用toString方法判断对象类型

我们来看一下规范是怎么定义这个toString方法的

​ ToString转换

输入类型 结果
Undefined "undefined"
Null "null"
Boolean 如果参数是 true,那么结果为 "true"。如果参数是 false,那么结果为 "false"。
Number 结果等于输入的参数(不转换)。
String 参见下文的文法和注释。
Object 应用下列步骤:调用 ToPrimitive( 输入参数 , 暗示 字符串类型)。调用 ToString(Result(1))。返回 Result(2)。

话说规范写的有些苦涩哈,我们还是看一下MDN上怎么说的吧

每个对象都有一个 toString() 方法,当对象被表示为文本值时或者当以期望字符串的方式引用对象时,该方法被自动调用。默认情况下,toString() 方法被每个继承自Object的对象继承。如果此方法在自定义对象中未被覆盖,toString() 返回 "[object type]",其中type是对象类型。

也就是说当我们调用Object中的toString方法时,它会返回"[object type]"这么个东西,但问题是像Number、Boolean、String类型的值它们都是有自己的toString方法的,因此我们必须借用Object中的toString方法,也就是用call、apply或bind方法。

undefined和null的那点事

MDN对null的解释是:

null是一个 JavaScript 字面量,表示空值(null or an "empty" value),即没有对象被呈现(no object value is present)。它是 JavaScript 原始值 之一。

再来看看undefined

undefined是全局对象的一个属性。也就是说,它是全局作用域的一个变量。undefined的最初值就是原始数据类型undefined

一个没有被赋值的变量是undefined类型。一个方法或者是语句如果在执行期间没有变量被赋值也会返回undefined,一个函数如果没有返回值,就会返回一个undefined值。

undefined和null的不同点

null是一个字面量(而不是全局对象的一个属性,undefined 是)。在 APIs 中,null 常被放在期望一个对象,但是不引用任何对象的参数位置。当检测 null 或 undefined 时,注意相等()与全等(=)两个操作符的区别 (前者会执行类型转换)。

在使用上还有一个区别就是,我们可以将一个对象赋值为null,从而告诉垃圾回收器这个对象可以回收了,那么为什么不将对象赋值为undefined呢?我觉得undefined本身就是一个值,而null才是真的没有,如果你对此不太理解,可以看一下下面这个链接 w3c上说的“可以通过将变量的值设置为 null 来清空变量”中的清理变量有什么特别意思吗?

在aimingoo的一篇文章中他是这样说的:无废话JavaScript(上)

hax:

大哥你好像漏了null。。。

aimingoo:

null是Object,所以不必单独提出来讲。我记得我曾经问到过你关于null和undefined的问题,你说在邮件列表中对这个问题讨论得很多,但无有答案。其实我后来想明白了,JS中有两套类型体系,各有一个“无”的概值。基本的6种类型中,undefined表示无;对象系统中,null表示无。

例如,DOM是基于对象系统的,所以适宜于用null来填写attribute中的无值;而var声明的无值变量,由于是基于基本类型系统,所以适宜于用undefined。

当然,也可以直接说js内部以及语言级别或引擎级别用undefined,而js外部或扩展用null。这个与上面大概相同,但思考角度有异。

undefined == null ?

主要还是因为隐式转换导致的。

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

推荐阅读

undefined与null的区别

探索JavaScript中Null和Undefined的深渊

巧用typeof判断一个未定义的变量,不报错

我们知道如果使用一个未定义的变量是会报错的,但是用typeof判断一个未定义的变量是不会报错的,我觉得这也合理,因为typeof只是用来判断,而不是去操作。

---------- 2017-05-07更新 -----------------

javascript的typeof返回哪些数据类型

object number function boolean underfind symbol

为什么要有不同的数据类型?

  • 当程序知道它所要处理的数据的类型之后,能够降低存储空间总量,并且能提高访问速度.例如:可以使用4个字节的计算机存储器量来存放数值243787452.如果将相同的数值存储为字符,则会占涌9个存储器量。
  • 不同的数据需要的方法也会不同,如果只有一种数据类型那么问题就大了。

当将数据分成不同的类型以后,有时又会有需求,将一种数据类型转换成另外一种数据类型,甚至有时是不需要区分数据类型。

强制类型转换和隐式类型转换

强制类型转换

转数字:parseInt Number parseFloat

转字符串:toFixed toPrecision toExponential toString JSON.stringify join

转布尔:Boolean

转对象:JSOS.parse

转数组:split

数字转数组 String.prototype.split.call(1123,null);

隐式类型转换

转数字:- * / % ~ +var -var Math.ceil Math.floor Math.abs Math系列

转字符串:+

将js中的值赋值给所有和DOM相关的内容,都会自动转换成字符串。

转布尔:! isNaN 所有和判断相关

JS中为什么要有隐式转换

js在ECMAScript3出现之前是没有异常处理的。这就可以解释为什么这门语言为什么如此频繁的自动强制 转换而且出错的时候总是那么沉默,是因为它从一开始就没有抛出异常。

巧用parseInt判断某个数字是否是整数
10.8 == parseInt(10.8) // 如果parseInt后的值和之前的值一样大,那么是整数

走进javascript——类型的更多相关文章

  1. javascript类型与类型检测

    1.javascript类型: 注:包装对象:如"hello".length实际为js为我们隐式创建了一个String临时对象,去调用该对象的length属性,调用过后再将该临时对 ...

  2. javascript类型注意事项

    以下是javascript类型的注意事项: null:表示尚未存在的对象,注意,尽管尚未存在,也是个对象啊,所以用typeof检测一个null值变量的结果是Object:不过,为了便于写if语句,在j ...

  3. 谈谈JavaScript类型检测

      javascript内置的类型检测机制并非完全可靠.比如typeof操作符,并不能准确的判断数据是哪个类型,比如:数组和对象就不能通过typeof来区分. typeof [] ==="o ...

  4. Javascript类型检测

    原地址 http://www.cnblogs.com/fool/archive/2010/10/07/javascrpt.html 开门见山,我们先来看一下代码: var is = function ...

  5. JavaScript 类型浅解

    对于JavaScript 类型,可简单地概括为:相对于强类型语言来说,它是弱(松散)类型的语言:有基本类型和引用类型,他们是区别是一个有固定空间存在于栈内存中,一个没有固定空间保存在堆内存中并且在栈内 ...

  6. JavaScript类型和语法

    JavaScript类型和语法 一.类型 1.内置类型(null.undefined.boolean.number.string.object.symbol(es6中新增))(除对象之外,其它统称为基 ...

  7. JavaScript权威设计--JavaScript类型,值,变量(简要学习笔记三)

    1.负号是一元求反运算 如果直接给数字直接量前面添加负号可以得到他们的负值     2.JavaScript中的运算超出了最大能表示的值不会报错,会显示Infinity. 超出最小也不报错,会显示-I ...

  8. JavaScript类型判断instanceof与typeof对比

    经常有人会在JavaScript里写如下的方法: function checkType() { var s1 = 123; var s2 = "OK"; if (s1 instan ...

  9. JavaScript –类型之我晕

    每次写博我觉得取上恬当的题目比整篇行文都难,词量有限的情况下突然想到JavaScript拾遗应该会是一个非常文艺而夺目的博文题目,但我并没有急着使用,经验告诉我应该先去搜一下看有没有被用过.果不其然, ...

随机推荐

  1. 全新的 flow.ci Dashboard UI 上线

    全新的 flow.ci Dashboard 页面上线了,更快捷地创建项目,构建列表页面新增分支,Pull Request 界面:侧边栏新增构建任务监控和项目监控,整个 Dashboard 界面焕然一新 ...

  2. 解决华为手机不打印Log信息的问题

    在之前安装了Android Studio后,发现了一个很苦恼的事情,就是在程序中的写Log语句,不能正常的在Logcat中打印出来,这对于解决程序bug真是一刀切断,让人无从下手,在各种尝试后,首先我 ...

  3. Docker(开课吧笔记)

    1.Docker基本概念 Docker运行在Linux,需要git技能 docker官网解析   来源于容器又不仅仅是容器,第一个版本基于LXC,远远超过容器概念   交付时拿到的是镜像,直接run运 ...

  4. 转:java实例化对象的过程

    学习JAVA这门面向对象的语言,实质就是不断地创建类,并把类实例化为对象并调用方法.对于初学JAVA的人总搞清楚对象是如何实例化的,假如类之间存在继承关系,那就更糊涂了.下面我们通过两个例题来说明对象 ...

  5. 【转】Eclipse 如何添加Android SDK

      问题描述: 如何为Eclipse编程软件添加Android SDK功能,使其能进行Android开发. 解决方法: 软件版本:Eclipse 3.7,installer_r18-windows.e ...

  6. 解锁ORACLE数据库

    1.查找锁定数据库的用户 select username,lock_date from dba_users where username='scott';   2.解锁 alter user scot ...

  7. C++11 新特性总结

    前言 转载请注明出处,感谢! C++11 的新特性 1 变量和基本类型 1.1 long long 类型 扩展精度浮点数,10位有效数字 1.2 列表初始化 初始化的几种不同形式,其中用花括号来初始化 ...

  8. ES6 Promise 状态解惑

    Promise的概念在ES6标准推出来之前已经深入人心,很多框架和第三方库都有类似的实现.但在深入理解ES6的Promise对象的时候,受之前经验的影响,很多概念给人似是而非的感觉,其中有一个特别明显 ...

  9. Sublime text3 设置的中文翻译

    // While you can edit this file, it's best to put your changes in // "User/Preferences.sublime- ...

  10. children 和childNodes 的区别

    1:childNodes /children相同点:它返回指定元素的子元素集合. 2:区别:children :  它是非标准的,仅返回HTML节点.甚至不返回文本节点.所有浏览器表现一 致. chi ...