深刻探讨 Undefined [每日前端夜话(0x0E)]

每日前端夜话,陪你聊前端。天天晚上18:00准时推送javascript

原文:http://davidshariff.com/blog/javascripts-undefined-exploredhtml

翻译:疯狂的技术宅前端

Undefined这个概念听起来很简单,不过你知道应该怎样检查JavaScript中的变量或属性是否真的存在吗? 作这件事最好的方法是什么? 咱们如何涵盖全部的边界值? 要回答这些问题,首先让咱们来看看究竟什么是undefined……java

undefined概述

变量的值被赋予一个类型,JavaScript中有几个内置的本地类型:web

  1. Undefined面试

  2. Null编程

  3. Boolean浏览器

  4. String安全

  5. Number微信

  6. Object

  7. Reference

  8. etc…

首先看第一个,内置的Undefined类型只能有一个值,它称为undefined。 这是一个原始值,只要声明了变量,就会为其分配此undefined值,直到您以编程的手段为其分配不一样的值。

此外,每当函数完成执行并返回一个没有给定的值时,它默认返回undefined

所以,当声明一个变量但还未赋值时,它将被赋予undefined值。 咱们还应该注意的是:undefined自己是一个在全局范围内可用的变量/属性,它的值也是undefined

可是,全局变量undefined并非保留字,所以它能够被从新定义。 幸运的是,从ECMA 5开始,就不容许从新定义undefined了,可是在之前的版本和旧版浏览器中,能够执行如下操做:

null到底表明了什么?

先看下面的代码:

不少人对此都感到困惑,实际上很简单。 nullundefined之间惟一真正的关系是:它们在类型强制过程当中都判断为false。

之因此因此 null == undefined // true是由于 ==没有执行严格的比较,由于在比较类型时使用 !==更严格。 每当您把 null看做是一个值时,它会始终以编程方式进行指定,而且在默认状况下从不设置。

访问对象的属性

当您尝试使用对象上一个不存在的属性时,也会获得undefined,若是您把不存在的属性做为函数使用有时会引起错误。

若是您想分辨“有未定义值的属性”和“根本不存在的属性”这二者,应该怎么作呢? 

使用typeof或者 ===都会给你一个undefined的值。

使用in运算符可以检查对象中是否存在某个属性:

应该用typeof仍是in/hasOwnProperty?

这很显然。通常来讲,若是要测试是一个属性否存在,那么就用 in/hasOwnProperty,若是要检查属性或变量的值,则用 typeof

经过例子进行总结

检查变量是否存在:

检查对象上的属性是否存在,不管是否已经为它分配了值:

检查对象上是否存在属性,而且属性具备值集(真值或假)


若是你以为这篇文章对你有帮助,请点击右下角的 “🌸好看” 并分享给小伙伴们↘️↘️↘️🙏🏼



下面夹杂一些私货,也许你和高薪之间只差这一张图

2019年京程一灯课程体系上新,这是咱们第一次将所有课程列表对外开放。

愿你有个好前程,愿你月薪30K。咱们是认真的 !


在公众号内回复“体系”查看高清大图



长按二维码,加海洋老师微信好友,唠一唠怎样才能拿高薪。






往期精选文章
容易被忽略的CSS安全性
混合内容下的浏览器行为
2018年JavaScript状态调查

世界顶级公司的前端面试都问些什么

全栈工程师技能大全

扩展 Vue 组件

ECMAScript 2016,2017和2018中全部新功能的示例(上)

ECMAScript 2016,2017和2018中全部新功能的示例(下)

使用虚拟dom和JavaScript构建彻底响应式的UI框架
四步实现React页面过渡动画效果


小手一抖,资料全有。长按二维码关注京程一灯,阅读更多技术文章和业界动态。

本文分享自微信公众号 - 前端先锋(jingchengyideng)。
若有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一块儿分享。

相关文章
相关标签/搜索