昨天同事给我看了一道代码题，是关于typeof的，感觉挺有意思的，在这里分享给大家，顺便自己再对typeof总结总结。如有不对，请给予指出，共同进步。

代码是这样的：

 <!DOCTYPE html>

 <head>

        <title>typeof</title>

        <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>

    </head>

    <body>

        <script>

            var a= a||null;

            var b= c||null;

            var c= typeof f;

            console.log(a);

            console.log(b);

            console.log(c);

        </script>

    </body>

</html>

那么，你说运行该代码，chrome调试器会打印什么呢？

请看，效果图

为什么会出现这个结果呢？

首先分析上图中的两个null

因为Javascript在执行代码之前，会先预解析（hoisting）。

什么是预解析（hoisting）呢？

就是在JavaScript中，你可以在函数的任何位置声明多个var语句，它们就像在函数的顶部声明一样发挥作用，且会给var声明的变量赋予一个undefined的初始值。这种行为我们称之为预解析(hoisting)。

所以呢，在执行以上代码前，Javascript会首先将所有的var变量(a,b,c)预解析（hoisting），当执行a||null时，a是undefined的，又因为是||运算，所以结果就是null咯。

c||null是一个道理。

再来看看，为什么typeof f会是undefined呢？f都没定义，不应该会报错吗？

是的，倘若我们去使用一个未定义的变量，浏览器是会报错的。

但是，当用typeof去判断一个未定义的变量，将返回undefined。

那typeof判断值类型时，是个怎么机制呢？总结如下：

1、  对于数字类型的值，typeof会返回number，注意：NaN也是一个数字类型，因为它在JavaScript中代表的是特殊非数字值。

2、  对于字符串类型的值，typeof会返回string。

3、  对于布尔类型的值，typeof会返回boolean。

4、  对于对象，数组，null而言，typeof会返回object

5、  对于函数类型而言，typeof返回function

6、  如果运算数没有定义（不存在或未赋值），将会返回undefined。

typeof知多少的更多相关文章

  1. JavaScript中typeof知多少？

    typeof运算符介 绍:typeof 是一个一元运算,放在一个运算数之前,运算数可以是任意类型.它返回值是一个字符串,该字符串说明运算数的类型. 你 知道下面typeof运算的结果吗? typeof ...

  2. JavaScript 中 typeof 知多少？

    typeof运算符介绍:typeof 是一个一元运算,放在一个运算数之前,运算数可以是任意类型.它返回值是一个字符串,该字符串说明运算数的类型. 你知道下面typeof运算的结果吗? typeof(1 ...

  3. FineUI（专业版）实现百变通知框（无JavaScript代码）！

    博客园已经越来越不公正了,居然说我这篇文章没有实质的内容!! 我其实真的想问哪些通篇几十个字,没任何代码和技术分享,嚷嚷着送书的文章的就能雄霸博客园首页几天,我这篇文章偏偏就为管理员所容不下. 其实我 ...

  4. 知方可补不足~用SqlProfiler来监视数据库死锁

    回到目录 关于锁的相关知识,大家可以看我的这篇文章<知方可补不足~Sqlserver中的几把锁和.net中的事务级别> 死锁我想大家都知道,当一个对话(线程)占用一个资源时,别一个线程也同 ...

  5. 知乎日报win10版 - 天天读报【开源】

    业余时间写的一个知乎日报win10版客户端,支持收藏,评论,点赞等. 商店地址:https://www.microsoft.com/zh-cn/store/apps/%E5%A4%A9%E5%A4%A ...

  6. WCF 已知类型和泛型解析程序 KnownType

    数据协定继承 已知类型和泛型解析程序 Juval Lowy 下载代码示例 自首次发布以来,Windows Communication Foundation (WCF) 开发人员便必须处理数据协定继承方 ...

  7. 你需要知道的Sass插值

    你也许会不时地写写 Sass 玩玩,你也会很享受它带给你各种便利.但还有一件事,你并不一定完全了解:插值 (interpolation) - 将一个占位符,替换成一个值.好了,你们都很幸运,因为今天我 ...

  8. C# 序列化过程中的已知类型（Known Type）

    WCF下的序列化与反序列化解决的是数据在两种状态之间的相互转化:托管类型对象和XML.由于类型定义了对象的数据结构,所以无论对于序列化还是反序列化,都必须事先确定对象的类型.如果被序列化对象或者被反序 ...

  9. 推断js中的类型：typeof / instanceof / constructor / prototype

    怎样推断js中的类型呢,先举几个样例: var a = "jason"; var b = 123; var c = true; var d = [1,2,3]; var e = n ...

随机推荐

  1. xcode 版本控制推送代码到远程git仓库的步骤

    一 代码推送到远程git仓库 1.在git中建立一个下项目(假设项目名称为->Mygit) 2.在xocde上新建一个测试项目(假设项目名称为GitTest) 3.打开电脑终端: 1)首先利用终 ...

  2. flex弹性盒模型布局

    容器属性:1.flex-direction:项目的排列方向(1)row 主轴方向排列(2)row-reverse 主轴反方向排列(3)column 纵向排列(4)column-reverse 纵向反方 ...

  3. notepad++崩溃后文件内容变为NUL的解决方法

    毫无疑问,notepad++是一款非常优秀的文本编辑器,但是notepad++有时候会崩溃,之后文件内容就会全部变成NUL 当你打文件看到自己辛辛苦苦的成果全都变成NUL是不是有想哭的感觉?" ...

  4. ajax教程

    本文来自w3school 简介: AJAX = Asynchronous JavaScript and XML 异步的javascript和xml ajax不是新的编程语言,而是一种使用现有标准的新方 ...

  5. Smart3D系列教程7之 《手动配置S3C索引加载全部的瓦片数据》

    一.前言 迄今为止,Wish3D已经出品推出了6篇系列教程,从倾斜摄影的原理方法.采集照片的技巧.Smart3D各模块的功能应用.小物件的照片重建.大区域的地形重建到DSM及正射影像的处理生产,立足于 ...

  6. MySQL选择合适的数据类型

    一.char和varchar char是固定长度的,查询速度比varchar速度快的多.char的缺点是浪费存储空间. 检索char列时,返回的结果会删除尾部空格,所以程序需要对为空格进行处理. 对于 ...

  7. Python的字节编译

    1.什么是Python的.pyc文件 在python中 .pyc文件是指以.pyc为后缀名的这一类文件,在我们的python的安装目录里,找到模块所在的目录Lib会看到很多以.py结尾的模块文件,与之 ...

  8. 高通AR和友盟SDK的AndroidManifest.xml合并

    高通AR和友盟SDK的AndroidManifest.xml合并 因为高通的AR在android中一开始就要启动,所有主Activity要设置为高通的Activity,即android:name=&q ...

  9. console对象-转

    console对象 来自<JavaScript 标准参考教程(alpha)>,by 阮一峰 目录 开发者工具 console对象 console.log() console.debug() ...

  10. Linux tar文件打包

    tar格式,会打包成一个文件,可以对多个目录,或者多个文件进行打包 tar命令只是打包,不会压缩,打包前后大小是一样的 tar命令 -c    //打包 -x    //解压 -f    //指定文件 ...