JavaScript之不可靠的undefined

 更新时间:2021年05月10日 10:46:18   作者:游鱼与渔  
这篇文章主要介绍了JavaScript之不可靠的undefined,想深入JS的同学,可以参考下

undefined在 JavaScript 中,假设我们想判断一个是否是undefined,那么我们通常会这样写:

if(a === undefined){//code}

但是,JavaScript 中的undefined并不可靠,我们试着写这样一个函数:

function test(a) {
  var undefined = 1;
  console.log(undefined); // => 1
  if(a===undefined) {
    // ...
  }
}

可以看到,undefined被轻易地修改为了1,使得我们之后的对于undefined理解引起歧义。所以,在 JavaScript 中,把undefined直接解释为 “未定义” 是有风险的,因为这个标识符可能被篡改。

在 ES5 之前,全局的undefined也是可以被修改的,而在 ES5 中,该标识符被设计为了只读标识符, 假如你现在的浏览器不是太老,你可以在控制台中输入以下语句测试一下:

undefined = 1;
console.log(undefined); // => undefined

现在我们能够明确的,标识符undefined并不能真正反映 “未定义”,所以我们得通过其他手段获得这一语义。幸好 JavaScript 还提供了void运算符,该运算符会对指定的表达式求值,并返回受信任的undefined:

void expression

最常见的用法是通过以下运算来获得undefined,表达式为0时的运算开销最小:

void 0;
// or
void(0);

所有需要获得undefined地方,都通过void 0进行了替代

当然,获取undefined还有另一种方式:看过jquery源码的同学,应该知道里面的立即执行函数:

(function(window,undefined) {
    // ...
})(window)

在这个函数中,我们没有向其传递第二参数(形参名叫undefined),那么第二个参数的值就会被认为 “未定义”,因此,通过这种方式,在该函数的作用域中所有的undefined都为受信的undefined。

以上就是JavaScript之不可靠的undefined的详细内容,更多关于JavaScript之不可靠的undefined的资料请关注脚本之家其它相关文章!

相关文章

  • JS拖拽插件实现步骤

    JS拖拽插件实现步骤

    实现JS拖拽插件主要从六个方面做介绍:一、js拖拽插件的原理,二、根据原理实现的最基本效果,三、代码抽象与优化,四、扩展:有效的拖拽元素,五、性能优化和总结,六、jquery插件化 ,需要的朋友可以参考下
    2015-08-08
  • FLASH 广告之外的链接

    FLASH 广告之外的链接

    FLASH 广告外部链接实现代码
    2008-12-12
  • JavaScript 事件参考手册

    JavaScript 事件参考手册

    对于js的一些常见事件的总结
    2008-12-12
  • 基于JavaScript实现自动更新倒计时效果

    基于JavaScript实现自动更新倒计时效果

    这篇文章主要为大家详细介绍了基于JavaScript实现自动更新倒计时效果,元旦倒计时代码分享,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • 深入理解 webpack 文件打包机制(小结)

    深入理解 webpack 文件打包机制(小结)

    这篇文章主要介绍了深入理解 webpack 文件打包机制(小结),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-01-01
  • 一些javascript一些题目的解析

    一些javascript一些题目的解析

    今天做了群友发的一个链接, 关于js 的一些题目的. 这样的题目常常有很多陷阱在里面,等着别人去踩. 很不幸,洒家踩了, 还蛮悲剧.
    2010-12-12
  • JavaScript对象之深度克隆介绍

    JavaScript对象之深度克隆介绍

    这篇文章主要介绍了JavaScript对象之深度克隆介绍,本文详细的讲解了什么是对象深度克隆,并给出了示例代码,需要的朋友可以参考下
    2014-12-12
  • layui table表格数据的新增,修改,删除,查询,双击获取行数据方式

    layui table表格数据的新增,修改,删除,查询,双击获取行数据方式

    今天小编就为大家分享一篇layui table表格数据的新增,修改,删除,查询,双击获取行数据方式,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-11-11
  • 详解能在多种前端框架下使用的表格控件

    详解能在多种前端框架下使用的表格控件

    表格控件是我们在开发中经常要用到的控件。有没有能够在多种前端控件下都能使用的表格控件?最近研究发现Wijmo中的FlexGrid是一款不错的表格控件,它能支持很多主流的框架。这里主要介绍在纯JavaScript和AngularJS下FlexGrid的使用。
    2017-01-01
  • 原生JavaScript实现五子棋游戏

    原生JavaScript实现五子棋游戏

    这篇文章主要为大家详细介绍了原生JavaScript实现五子棋游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11

最新评论