TypeOf这些知识点你了解吗
昨天给同事一起玩耍，同事给我出了一道代码题目，是关于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。
相关文章
这篇文章主要介绍了javascript框架设计之类工厂的相关资料,非常浅显易懂，有需要的小伙伴可以查看下。2015-06-06
JavaScript面试Module Federation实现原理详解
这篇文章主要为大家介绍了JavaScript面试Module Federation实现原理详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-10-10
这篇文章主要介绍了js实现跨域的方法,实例分析了几种常用的javascript实现跨域的技巧,需要的朋友可以参考下2015-06-06
今天小编就为大家分享一篇layui中select，radio设置不生效的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
详解webpack-dev-server使用http-proxy解决跨域问题
这篇文章主要介绍了详解webpack-dev-server使用http-proxy解决跨域问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-01-01
本文介绍了js生成一个不重复的ID的函数的进化之路，具有一定的参考价值，需要的朋友一起来看下吧2016-12-12
这篇文章主要为大家介绍了微信小程序网络数据请求的实现讲解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
这篇文章主要为大家详细介绍了原生js实现波浪导航效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
下面小编就为大家带来一篇使用JS实现图片展示瀑布流效果的实例代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
这次使用uni-app框架开发一个小程序,有一个刷脸功能,所以下面这篇文章主要给大家介绍了关于uniapp实现人脸识别功能的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-10-10
最新评论