写出更好的JavaScript程序之undefined篇(中)


Posted in Javascript onNovember 23, 2009

写在前面的依然是消歧义声明:本文中JavaScript是指一般意义上的JavaScript,并不只限定“自称是JavaScript”的运行环境;“全局变量”和“全局对象的属性”是指同样的东西,只是因为要配合上下文才用了不同的说法,正文中我就不再另外解释了;“声明”指通过“var”语句声明变量和/或对函数及其签名的定义;“变量”指通过“var”语句声明过或者在函数体中试图访问的命名参数;“undefined”指名为“undefined”的值(全局或本地变量),而“未定义”指type(...) == “undefined”的概念值;“output”是向我们显示传入参数的函数,其实就是“alert”的同类。

首先介绍的是和void(0)具有异曲同工之妙的一种办法,我们知道在JavaScript中尝试访问任何一个“没有返回值”的函数的执行结果,都会得到“未定义”这个概念值,所以我们可以这样做:
myVar = function(){}();
这个方法的原理是创建一个空函数,并且获取其(根本不存在的)返回值。很明显,我们会得到“未定义”这个概念值,这个原理是和void(0)一样的。
需要特别注意的是,只有当function关键字不在语句之首的时候,才可以使用这种调用方式;如果需要直接调用一个匿名函数,应该这样做:

(function(){
// code here
})();
假如我们不想污染全局作用域,我们就可以用这种方式来创造一个闭包——很多现有的JavaScript库就是这样做的。
这种办法是在不了解void(0)的执行效果的情况下诞生的,既然我们知道void(0),也就不需要这种办法了。

第二种不常见的办法是访问window.undefined,就像下边这样:
output(myVar === window.undefined);
myVar = window.undefined;
这种办法的原理是:
如果JavaScript的运行环境预定义了undefined这一值,window.undefined就可以直接访问到;
如果没有预先定义undefined这一值,window.undefined就会返回“未定义”这一概念值——还是我们想要的东西。
访问形式从“全局变量”变成“属性”以后,脚本引擎就不会认为这是一个意外操作了,因此代码可以正确执行。

然而这种办法还是存在不足:
undefined在所有的JavaScript引擎中都不是保留字,也就是说它是可以被污染的,这会影响我们的程序的运行效果;
直接访问全局对象的属性效率是很差的,应该避免这么做。

因此,接下来就要介绍我所见过的最为有趣的办法——在本地声明undefined变量!
它的做法是这样的:
function myFunc(){
var undefined;
// some code here
output(myVar === undefined);
myVar = undefined;
}
说到这里我要提一下,有的人对“早期的浏览器上没有undefined”这一说法有不同的理解,认为上面这样的做法是行不通的。
而我认为这种观点是不对的,在我的印象中(大约是2003年),IE5虽然没有预定义undefined,但并不影响我们的不指派声明。
不过毕竟是很多年前的事情,记忆模糊,为了避免想当然造成的错误,我特地装了Windows 98来实验一下:
写出更好的JavaScript程序之undefined篇(中)
写出更好的JavaScript程序之undefined篇(中)

上面两幅是用了QQ屏幕截取 ,不知道为什么变成了JPG,下边这幅是用OneNote截取的。

写出更好的JavaScript程序之undefined篇(中)

由此可以得出,为这样不指派声明undefined变量担忧是多余的。
前一篇解释过,在JavaScript中,如果尝试读取一个没有预定义也未声明过的变量,会引发一个“不存在(未定义)”异常,因此在早期的浏览器上如果直接访问undefined的操作可能会失败。
这种(引发异常的)现象可能是为了方便排除故障而有意设计的;而对于声明过的变量,即使是未经赋值,也不会在读取的时候引发异常——经过声明就表示开发人员确定有“这个东西”。

上面这种在函数作用域内声明本地变量undefined的做法,既解决了引用未声明变量会引发异常的问题,又避免了受全局变量污染的影响,还取代了void(0)这种乍看之下意味不明的小把戏,不仅没有造成难以觉察的拼写错误的隐患,还能提高运算效率——真是一举N得的妙招!
所以了解了这么多之后就发现,最后介绍的这种办法实在是居家旅行、杀人灭口的首选
如果有人问:“undefined应该怎么用?”我们现在就可以回答:就这么用!

终于到了结尾,有的人可能忍不住要问了:为什么在这个系列中我的代码示例都用三个等号的“严格相等”来比较?两个等号的普通的“相等”有什么问题吗?
这就是这个系列的下篇要讲解的内容:undefined及其各种等价形态的适用场合。

Javascript 相关文章推荐
用cookies实现的可记忆的样式切换效果代码下载
Dec 24 Javascript
基于socket.io和node.js搭建即时通信系统
Jul 30 Javascript
jQuery+jsp下拉框联动获取本地数据的方法(附源码)
Dec 03 Javascript
JS实现的颜色实时渐变效果完整实例
Mar 25 Javascript
html+js+highcharts绘制圆饼图表的简单实例
Aug 04 Javascript
JS实现类似51job上的地区选择效果示例
Nov 17 Javascript
angular分页指令操作
Jan 09 Javascript
Angular动态添加、删除输入框并计算值实例代码
Mar 29 Javascript
JavaScript 保护变量不被随意修改的实现代码
Sep 27 Javascript
js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)
Dec 28 Javascript
详解vue路由篇(动态路由、路由嵌套)
Jan 27 Javascript
使用preload预加载页面资源时注意事项
Feb 03 Javascript
通过身份证号得到出生日期和性别的js代码
Nov 23 #Javascript
javascript 在网页中的运用(asp.net)
Nov 23 #Javascript
javascript DOM编程实例(智播客学习)
Nov 23 #Javascript
传智播客学习之java 反射
Nov 22 #Javascript
Javascript 刷新全集常用代码
Nov 22 #Javascript
写出更好的JavaScript之undefined篇(上)
Nov 22 #Javascript
COM中获取JavaScript数组大小的代码
Nov 22 #Javascript
You might like
关于PHP中操作MySQL数据库的一些要注意的问题
2006/10/09 PHP
如何把PHP转成EXE文件
2006/10/09 PHP
php操作csv文件代码实例汇总
2014/09/22 PHP
php使用ZipArchive提示Fatal error: Class ZipArchive not found in的解决方法
2014/11/04 PHP
Linux系统下php获得系统分区信息的方法
2015/03/30 PHP
Zend Framework框架实现类似Google搜索分页效果
2016/11/25 PHP
Node.js实战 建立简单的Web服务器
2012/03/08 Javascript
JavaScript在XHTML中的用法详解
2013/04/11 Javascript
jQuery Mobile 导航栏代码
2013/11/01 Javascript
javascript函数特点实例分析
2015/05/14 Javascript
JS实现文档加载完成后执行代码
2015/07/09 Javascript
自定义刻度jQuery进度条及插件
2015/09/02 Javascript
BootStrap响应式导航条实例介绍
2016/05/06 Javascript
JavaScript仿flash遮罩动画效果
2016/06/15 Javascript
jQuery实现的可编辑表格完整实例
2016/06/20 Javascript
详解js前端代码异常监控
2017/01/11 Javascript
Javascript中Promise的四种常用方法总结
2017/07/14 Javascript
JS实现的汉字与Unicode码相互转化功能分析
2018/05/25 Javascript
在webstorm中配置less的方法详解
2020/09/25 Javascript
Vue组件生命周期运行原理解析
2020/11/25 Vue.js
python获取文件路径、文件名、后缀名的实例
2018/04/23 Python
通过celery异步处理一个查询任务的完整代码
2019/11/19 Python
Pytorch 多维数组运算过程的索引处理方式
2019/12/27 Python
如何提高python 中for循环的效率
2020/04/15 Python
python实现简单的井字棋游戏(gui界面)
2021/01/22 Python
英国时尚饰品和发饰购物网站:Claire’s
2017/07/04 全球购物
西班牙太阳镜品牌:Hawkers
2018/03/11 全球购物
英国领先的隐形眼镜在线供应商:Lenstore.co.uk
2019/11/24 全球购物
八项规定整改方案
2014/02/21 职场文书
团日活动总结书格式
2014/05/08 职场文书
保卫钓鱼岛口号
2014/06/20 职场文书
学校献爱心活动总结
2014/07/08 职场文书
办公室行政主管岗位职责
2015/04/09 职场文书
幼儿园大班教学反思
2016/03/02 职场文书
Python数据可视化之用Matplotlib绘制常用图形
2021/06/03 Python
电脑只能进入安全模式无法正常启动的解决办法
2022/04/08 数码科技