ECMAScript 规范地址：

http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf

有过WEB前端开发经验的朋友都知道JavaScript是一种弱类型的语言，定义变量时无需指定变量类型，任一类型的值都可以赋值给该变量。正确的理解每一种数据类型，在适当的时候进行类型转换对我们编程是很有帮助的。

例如我们有一个多于两位的整数，抛开位数不管，我们要获取从左到右数第二位数字，这时候將整数转换为string是比较方便的。

    var num = 1234566;

    var strNum = num + "";

    alert(strNum[1]);//值为2

这样的例子很多，笔者不做过多介绍。JavaScript总共定义了七种内置类型，分别如下：

  • null
  • undefined
  • boolean
  • number
  • string
  • object
  • symbol—ECMAScript 6.0规范新增

接下来我们使用typeof操作符，来检查给定的值属于哪种类型，typeof操作符会返回该值的类型字符串。

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title>exam_2</title>

</head>

<body>

<div>

    <script type="text/javascript">

        document.writeln(typeof "hello world!");

        document.writeln("<br/>");

        document.writeln(typeof 123.1);

        document.writeln("<br/>");

        document.writeln(typeof Symbol());

        document.writeln("<br/>");

        document.writeln(typeof [1,2,3]);

        document.writeln("<br/>");

        document.writeln(typeof {name:"Rongbo_J",age:23});

        document.writeln("<br/>");

        document.writeln(typeof /^[1-9]$/);

        document.writeln("<br/>");

        document.writeln(typeof true);

        document.writeln("<br/>");

        document.writeln(typeof undefined);

        document.writeln("<br/>");

    </script>

</div>

</body>

</html>

在浏览器中运行可以看到输出的类型字符串：

JS中的字符串属于string类型，数值（不区分整数和浮点数）都属于number类型，symbol类型为ECMAScript6.0规范新增，通过Symbol()调用产生。数组、对象、正则表达式都属于object类型，ture/false两个值属于boolean类型。undefined表示变量值未指定或变量未声明，单独属于一个类型undefined。

此外这里有一些特例：

document.writeln(typeof null);//输出object

null和undefined类似，一个值作为一个类型，我们使用typeof null 应该返回”null”字符串才对，那这里为什么会返回”object”呢？

你可能不知道其实这是JavaScript最初设计上的一个Bug，有很多已经存在的WEB系统都使用类似下面的代码来检测null值：

var a = null;

if(!a && typeof a == "object"){};

如果修复了这个bug，将会导致现存的WEB系统出现更多的Bug，所以这个bug一直持续了近20年，而且以后也不可能会修复。

再来看一个例子：

        var func = function(){

        };

        document.writeln(typeof func);//页面输出function

        document.writeln("<br/>");

这里我们定义一个函数，使用typeof操作符获取类型字符串，页面输出function。读者可能很容易认为function也是JS顶层的内置类型。实际上ECMAScript规范中提到，function类型属于object的”子类型”。

为了证明这个结论，我们可以这样写代码：

    <script type="text/javascript">

        alert(function(){}.length);

    </script>

可以看到，语法上没有任何问题：

最后再来谈谈typeof操作符，下面这段代码再常见不过了：

var a = 20;

typeof a;

一些书籍中说typeof操作符用来获取变量的类型，其实这种说法不是很准确，JavaScript的变量是没有类型这个概念的，类型是和变量的值相关的。

上面的代码实际上等价于：

typeof 20;

准确的描述应该是：typeof操作符用来获取变量的值的类型。

你不知道的JavaScript（一）数据类型的更多相关文章

  1. javascript 之数据类型

    写在前面 国庆整理资料时,发现刚开始入门前端时学习JS 的资料,打算以一个基础入门博客记录下来,有不写不对的多多指教: 先推荐些书籍给需要的童鞋 <JavaScript 高级程序设计.pdf&g ...

  2. javascript 之数据类型--01

    写在前面 国庆整理资料时,发现刚开始入门前端时学习JS 的资料,打算以一个基础入门博客记录下来,有不写不对的多多指教: 先推荐些书籍给需要的童鞋 <JavaScript 高级程序设计.pdf&g ...

  3. 十分钟快速了解《你不知道的 JavaScript》（上卷）

    最近刚刚看完了<你不知道的 JavaScript>上卷,对 JavaScript 有了更进一步的了解. <你不知道的 JavaScript>上卷由两部分组成,第一部分是< ...

  4. 《你不知道的JavaScript》整理（二）——this

    最近在读一本进阶的JavaScript的书<你不知道的JavaScript(上卷)>,这次研究了一下“this”. 当一个函数被调用时,会创建一个活动记录(执行上下文). 这个记录会包含函 ...

  5. 《你不知道的JavaScript》整理（一）——作用域、提升与闭包

    最近在读一本进阶的JavaScript的书<你不知道的JavaScript(上卷)>,里面分析了很多基础性的概念. 可以更全面深入的理解JavaScript深层面的知识点. 一.函数作用域 ...

  6. 你不知道的Javascript（上卷）读书笔记之一 ---- 作用域

    你不知道的Javascript(上卷)这本书在我看来是一本还不错的书籍,这本书用比较简洁的语言来描述Js的那些"坑",在这里写一些博客记录一下笔记以便消化吸收. 1 编译原理 在此 ...

  7. JS-安全检测JavaScript基本数据类型和内置对象的方法

    前言:在前端开发中经常会需要用到检测变量数据类型的需求,比如:判断一个变量是否为undefined或者null来进行下一步的操作,今天在阅读“编写高质量代码-改善JavaScript程序的188个建议 ...

  8. JavaScript基础——数据类型

    JavaScript使用数据类型来确定如何处理被分配给一个变量的数据.变量的类型决定了你可以对变量进行什么操作,如循环或者执行.下面描述了最常用的变量类型. 字符串(String):此数据类型将字符数 ...

  9. JavaScript 的数据类型 相关知识点

    (1)基本数据类型介绍 JavaScript的数据类型分为两类:原始类型(primitive type)和对象类型(object type) 或者说是:可以拥有方法的类型和不能拥有方法的类型 或者说是 ...

  10. JavaScript的数据类型

    JavaScript的数据类型 1.JavaScript的数据类型包括:字符串.数值.布尔.数组.对象.Null.Undefined. 2.JavaScript拥有动态类型,这以为着同一个变量可用作不 ...

随机推荐

  1. Ubuntu下推荐安装软件

    前言:都是全平台软件,通用性好. 1.搜狗输入法 官网下载: 不能双击.deb安装成功,需要安装依赖,可参考:https://www.cnblogs.com/chendeqiang/p/1017741 ...

  2. BZOJ 3230 后缀数组+ST

    思路: 首先我们已经会了后缀数组求本质不同的子串个数 这道题跟那个差不多 首先我们可以知道按字典序排好的每个后缀之前包含多少本质不同的字串 就是sigma(n-sa[i]+1-ht[i]+bi[i-1 ...

  3. httpclient定时请求实例

    1.pom.xml <properties> <slf4j.version>1.7.21</slf4j.version> <okhttp.version> ...

  4. WebApi在MVC 4中一个Controll多个post方法报错处理

    http://blog.csdn.net/lqh4188/article/details/53542400(原创)

  5. hdu 1072 广搜（逃离爆炸迷宫）

    题意: 在n×m的地图上,0表示墙,1表示空地,2表示人,3表示目的地,4表示有定时炸弹重启器.定时炸弹的时间是6,人走一步所需要的时间是1.每次可以上.下.左.右移动一格.当人走到4时如果炸弹的时间 ...

  6. 路飞学城Python-Day50

    05-运算符 常用运算符 算数运算符 赋值运算符 比较运算符 逻辑运算符         // 赋值运算符          var money = prompt('请输入金额');          ...

  7. node——含有异步函数的函数封装

    在写代码时我们会发现有大量的重复代码,为了使代码更加简洁,我们可以将重复的代码封装为一个可以在多个部分时候用的函数. 之前写的新闻代码中,经常出现的操作有对文件的读取,我们可以将它封装为一个函数rea ...

  8. 线段树合并（【POI2011】ROT-Tree Rotations）

    线段树合并([POI2011]ROT-Tree Rotations) 题意 现在有一棵二叉树,所有非叶子节点都有两个孩子.在每个叶子节点上有一个权值(有nn个叶子节点,满足这些权值为1-n1-n的一个 ...

  9. com.jasson.im.api.APIClient jar包 下载

    包名:ImApi2.3.jar 链接: https://pan.baidu.com/s/1SgeufcaH6y_K-AJEKDZDtw 提取码: 3v78 复制这段内容后打开百度网盘手机App,操作更 ...

  10. %02x与%2x之间的区别

    输出最小宽度用十进制整数来表示输出的最少位数.若实际位数多于定义的宽度,则按实际位数输出,若实际位数少于定义的宽度则补以空格或0(当最小宽度数值以0开头时). X 表示以十六进制形式输出02表示不足两 ...