前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >深入探讨 Undefined [每日前端夜话(0x0E)]

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

作者头像
疯狂的技术宅
发布2019-03-27 11:34:56
8190
发布2019-03-27 11:34:56
举报
文章被收录于专栏:京程一灯京程一灯

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

原文:http://davidshariff.com/blog/javascripts-undefined-explored 翻译:疯狂的技术宅

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

undefined概述

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

  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-01-09,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 京程一灯 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • undefined概述
  • null到底代表了什么?
  • 访问对象的属性
  • 应该用typeof还是in/hasOwnProperty?
  • 通过例子进行总结
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档