JavaScript最让人费解的十件事

开发 前端
JavaScript可算是世界上最流行的编程语言,如今也越来越被开发者们所重视,虽则如此,但JavaScript仍然拥有很多让人费解的东西,文章将分析这些难把握的细微之处。

JavaScript是一种广泛用于客户端Web开发的脚本语言,其可算是世界上***的编程语言,它曾被Web开发设计师贴上噩梦的标签,虽然真正的噩梦其实是DOM API,也曾经有人认为JavaScript语法中有很多陷阱,同时其也有很多让人费解的东西。

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

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

2. Null 是个对象?

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

返回是object

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

3. NaN !== NaN

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

NaN表示一个非数字值

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

4. 全局变量

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

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

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

用JavaScript 探测Safari

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

浏览器Mosaic这样标志自己

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

Mosaic加密方式

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

最初的User Agent 标志

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

IE标签

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

6. 不一致的函数范围

参看以下代码:

不一致的函数范围

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

7. 位操作符

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

  1. ◦& - and  
  2. ◦| - or  
  3. ◦^ - xor  
  4. ◦~ - not  
  5. >> - signed right shift  
  6. ◦??? - unsigned right shift  
  7. << - left shift 

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

8. 太多的空值类型

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

9. 算术问题

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

JavaScript算术操作

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

10. 莫名其妙的代码错误

看看以下两段代码:

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

莫名其妙的代码错误

如果我们把其中的:

代码实例

换成:

代码实例

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

代码实例

【编辑推荐】

  1. 详解Javascript中checkbox树的功能
  2. 详解Javascript事件驱动的来龙去脉
  3. Javascript的this关键字与scope详解
  4. 浅析利用Javascript获取随机颜色
  5. 详解Javascript中的Array扩展
责任编辑:王晓东 来源: comsharp
相关推荐

2009-05-26 09:48:34

2009-04-24 08:17:15

MySpaceCEO社交网站

2016-12-26 11:34:23

2022-10-28 08:37:03

UbuntuLinux

2020-08-10 15:30:24

XDR网络安全网络威胁

2009-06-26 09:36:06

2017-05-02 11:36:00

Java

2015-10-26 16:34:08

安装Ubuntu 15.1Linux

2012-09-29 10:56:37

Google技术先驱

2023-05-18 15:50:59

Arch Linux命令

2013-01-21 09:58:41

vSphere网络设置VMware vSph

2015-03-04 14:54:47

DockerIT管理基础设施

2010-07-28 16:12:41

2018-06-19 07:58:35

区块链比特币专利申请

2023-11-28 11:24:51

2014-08-12 09:22:05

程序员

2013-11-13 11:05:41

2012-04-27 09:24:39

Google Driv云存储

2024-10-14 12:42:06

2023-03-23 15:14:43

点赞
收藏

51CTO技术栈公众号