JavaScript 10件让人费解的事情


Posted in Javascript onFebruary 15, 2010

1. 它以 Java 命名,但并不是 Java

它最初叫 Mocha, 接着改名为 LiveScript,最后才确定命名为 JavaScript,根据历史记录,Java 的命名与 Netscape 和 Sun 之间的合作有关,作为交换条件,Netscape 在他们备受欢迎的浏览器中创建了 Java 运行时。值得一提的是,这个名字的出台几近一个玩笑,要知道,LiveScript 和 Java 在客户端脚本方面存在敌对关系。

不管怎么说,人们后来不得不一再澄清的一件事就是,JavaScript 和 Java 毫无关系。

2. Null 是个对象?

看看这段代码,它返回的是 object。

JavaScript 10件让人费解的事情

这实在令人费解,假如 null 表示空值,它怎么可以是对象?简单说,它是 JavaScript 最初版本的错误,这个错误甚至被微软的 JScript 直接借用。

3. NaN !== NaN

NaN,表示一个非数字的值,然而问题是,NaN不等于任何东西,甚至不等于它自己。

JavaScript 10件让人费解的事情

这显然不对,事实上,如果要判断一个值确实是 NaN,你需要用 isNaN() 函数。

4. 全局变量

对全局变量的依赖一直被视为 JavaScript 最坏的部分(ECMA 的 JavaScript 5 已经去掉了全局变量,请参阅 ECMA 推出 JavaScript 5 - 译者注)。对简单的页面,这无所谓,但复杂的页面,如果包含大量 JavaScript 脚本,你很难知道某个全局变量是在哪里声明的,如果几个全局变量不小心重名,就会引发错误。

5. 那些统统被探测为 Mozilla User-Agent 的浏览器

必须承认,事实上,这不是 JavaScript  的错,是各个浏览器有意为之。比如,以下是用 JavaScript 探测 Safari 时得到的结果:

JavaScript 10件让人费解的事情

是否注意到其中的第一个单词 Mozilla/5.0,为什么 Safari 会被探测为 Mozilla,尽管 Safari 后来已经纠正这一问题,但仍然不能解释为什么它们要这样误导开发者。事实上,你会发现,绝大多数浏览器把他们的 User Agent 设置为 Mozilla,答案要回到10年前,这更多是一种策略。

User Agent 是一段用来标识当前浏览器身份的字符串,世界上第一个浏览器 Mosaic, 曾这样标志自己:

JavaScript 10件让人费解的事情

这很合理,因此当 Netscape 出来的时候,它保留了 Mosaic 这个传统,还在后面添加了一个加密方式部分。

JavaScript 10件让人费解的事情

到目前为止,一切安好,直到 IE3 发布,当 IE3 发布的时候,Netscape 正如日中天,那时,很多服务器和程序已经部署了客户端探测机制,以便认出 Netscape,虽然现在看来,这很值得争议,但当时并没什么。当 IE 初次推出它们的 User Agent 标志的时候,是这个样子:

JavaScript 10件让人费解的事情

这让 IE 很被动,因为 Netscape 已经能被很多服务器识别,因此,开发者们干脆希望 IE 被误认为 Mozilla,然后,再单独加一个 IE 的标签。

JavaScript 10件让人费解的事情

如今,几乎所有浏览器都步 IE 后尘,将自己标识为 Mozilla,这大概是一种连锁反应。

6. 不一致的函数范围

参看以下代码:

JavaScript 10件让人费解的事情

foo(bar.method) 返回结果不同原因是,method 函数是被当作 windows 对象,而不是 bar 下的对象调用的。要解决这个问题,我们必须从传递的匿名函数中调用 bar.method() 。

7. 位操作符

JavaScript 和 Java 有不少共同之处,如位操作。

  • & - and
  • | - or
  • ^ - xor
  • ~ - not
  • >> - signed right shift
  • ??? - unsigned right shift
  • << - left shift

看看第一个 & 操作符,使用 && 应该更有效,因为 JavaScript 和 Java 不一样,JavaScript 没有整数,需要来回转换,因此,转换操作花的时间更长。

8. 太多的空值类型

诸如 null, false, undefined 一类的值几乎表示同样的意思,它们之间的不同又让人很迷惑。

9. 算术问题

虽然 JavaScript 包含很多算术操作,但你不妨运行一下下面的算式,".2+.4" 应该等于 ".6" 是不是,然而返回的确是 "0.6000000000000001"。JavaScript 在小数计算访问存在一些小问题。

JavaScript 10件让人费解的事情

为什么会这样?简单说,因为 JavaScript 使用 IEEE 标准进行二进制浮点运算,不过,对整数计算是没问题的。

10. 莫名其妙的代码错误

看看以下两段代码:

JavaScript 10件让人费解的事情

它们应该是一样的,只是 { 位置不同而已,是吧。然而我们再看下面的代码:

JavaScript 10件让人费解的事情

如果我们把其中的

JavaScript 10件让人费解的事情

换成

JavaScript 10件让人费解的事情

就会引发错误,这是因为 JavaScript 有一个功能,会纠正它认为错误的代码书写,它会自作聪明地在 return 这个词后面插入一个 ";" ,错误因此而生。

JavaScript 10件让人费解的事情

Javascript 相关文章推荐
javascript之querySelector和querySelectorAll使用说明
Oct 09 Javascript
EASYUI TREEGRID异步加载数据实现方法
Aug 22 Javascript
js实现网站首页图片滚动显示
Feb 04 Javascript
基于socket.io+express实现多房间聊天
Mar 17 Javascript
如何在JS中实现相互转换XML和JSON
Jul 19 Javascript
javascript常用的设计模式
Feb 09 Javascript
解析Vue 2.5的Diff算法
Nov 28 Javascript
vue-resource请求实现http登录拦截或者路由拦截的方法
Jul 11 Javascript
vue组件(全局,局部,动态加载组件)
Sep 02 Javascript
Webpack按需加载打包chunk命名的方法
Sep 22 Javascript
JS关闭子窗口并且刷新上一个窗口的实现示例
Mar 10 Javascript
微信小程序获取公众号文章列表及显示文章的示例代码
Mar 10 Javascript
JQuery 动画卷页 返回顶部 动画特效(兼容Chrome)
Feb 15 #Javascript
jQuery 处理表单元素的代码
Feb 15 #Javascript
jQuery 树形结构的选择器
Feb 15 #Javascript
jQuery 处理网页内容的实现代码
Feb 15 #Javascript
JS getMonth()日期函数的值域是0-11
Feb 15 #Javascript
不同浏览器对回车提交表单的处理办法
Feb 13 #Javascript
Jquery iframe内部出滚动条
Feb 11 #Javascript
You might like
PHP array_multisort() 函数的深入解析
2013/06/20 PHP
php生成静态html页面的方法(2种方法)
2015/09/14 PHP
php写app用的框架整理
2019/09/29 PHP
PHP单元测试配置与使用方法详解
2019/12/27 PHP
PHP实现简易用户登录系统
2020/07/10 PHP
图片自动缩小 点击放大
2008/07/07 Javascript
JS target与currentTarget区别说明
2011/08/28 Javascript
js 得到文件后缀(通过正则实现)
2013/07/08 Javascript
JS.getTextContent(element,preformatted)使用介绍
2013/09/21 Javascript
angularjs 处理多个异步请求方法汇总
2015/01/06 Javascript
js实现ifram取父窗口URL地址的方法
2015/02/09 Javascript
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
2015/03/13 Javascript
JavaScript动态提示输入框输入字数的方法
2015/07/27 Javascript
函数四种调用模式以及其中的this指向
2017/01/16 Javascript
jQuery+ajax实现局部刷新的两种方法
2017/06/08 jQuery
vue2.0+koa2+mongodb实现注册登录
2018/04/10 Javascript
vue devtools的安装与使用教程
2018/08/08 Javascript
详解Vue.js v-for不支持IE9的解决方法
2018/12/29 Javascript
JavaScript中如何对多维数组(矩阵)去重的实现
2019/12/04 Javascript
解决vue-router 切换tab标签关闭时缓存问题
2020/07/22 Javascript
[02:27]2018DOTA2亚洲邀请赛趣味视频之钓鱼大赛 谁是垂钓冠军?
2018/04/05 DOTA
python向已存在的excel中新增表,不覆盖原数据的实例
2018/05/02 Python
Python决策树之基于信息增益的特征选择示例
2018/06/25 Python
用Python写一个模拟qq聊天小程序的代码实例
2019/03/06 Python
python 实现两个线程交替执行
2020/05/02 Python
python 实现读取csv数据,分类求和 再写进 csv
2020/05/18 Python
Python参数传递及收集机制原理解析
2020/06/05 Python
Python从MySQL数据库中面抽取试题,生成试卷
2021/01/14 Python
什么是测试驱动开发(TDD)
2012/02/15 面试题
Java servlet面试题
2012/03/04 面试题
水利水电专业自荐信
2014/07/08 职场文书
财务个人年度总结范文
2015/02/26 职场文书
毕业生就业推荐表自我评价
2015/03/02 职场文书
如何用 Python 子进程关闭 Excel 自动化中的弹窗
2021/05/07 Python
javascript的setTimeout()使用方法总结
2021/11/20 Javascript
redis击穿 雪崩 穿透超详细解决方案梳理
2022/03/17 Redis