web开发设计师比较费解的JavaScript

JavaScript 可算是世界上最流行的编程语言,它曾被 Web 开发设计师贴上噩梦的标签,虽然真正的噩梦其实是 DOM API,这个被大量的开发与设计师随手拈来增强他们的 Web 前端的脚本语言,如今越来越被重视,虽则如此,JavaScript 仍然拥有很多让人费解的东西。

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

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

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

2. Null 是个对象?

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

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

3. NaN !== NaN

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

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

4. 全局变量

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

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

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

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

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

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

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

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

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

6. 不一致的函数范围

参看以下代码:

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 使用 IEEE 标准进行二进制浮点运算,不过,对整数计算是没问题的。

10. 莫名其妙的代码错误

看看以下两段代码:

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

如果我们把其中的

换成

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

时间: 2024-12-21 22:21:31

web开发设计师比较费解的JavaScript的相关文章

WEB开发时常用的正则表达式(PHP和Javascript)

在WEB开发中,正则表达式通常用来检测.查找替换某些符合规则的字符串,如检测用户输入E-mai格式是否正确,采集符合规则的页面内容等等. 下面分别用PHP和Javscript向大家介绍WEB开发中最常用最实用的正则表达式及其用法. PHP常用表达式用法 1.匹配正整数:/^[1-9]\d*$/ 2.匹配非负整数(正整数+0):/^\d+$/ 3.匹配中文:/^[\x{4e00}-\x{9fa5}]+$/u 4.匹配Email:/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+

打开微信web开发工具,出现javascript error如何解决

问题描述 打开微信web开发工具,出现javascript error如何解决 解决方案 直接找微信开发接口文档,这种问题一般都要参考文档

WEB开发时常用的正则表达式(PHP和Javascript)_正则表达式

在WEB开发中,正则表达式通常用来检测.查找替换某些符合规则的字符串,如检测用户输入E-mai格式是否正确,采集符合规则的页面内容等等. 下面分别用PHP和Javscript向大家介绍WEB开发中最常用最实用的正则表达式及其用法. PHP常用表达式用法1.匹配正整数:/^[1-9]\d*$/ 2.匹配非负整数(正整数+0):/^\d+$/ 3.匹配中文:/^[\x{4e00}-\x{9fa5}]+$/u 4.匹配Email:/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+(

Web开发必知Javascript技巧大全_javascript技巧

JavaScript是一个绝冠全球的编程语言,可用于Web开发.移动应用开发(PhoneGap.Appcelerator).服务器端开发(Node.js和Wakanda)等等.JavaScript还是很多新手踏入编程世界的第一个语言.既可以用来显示浏览器中的简单提示框,也可以通过nodebot或nodruino来控制机器人.能够编写结构清晰.性能高效的JavaScript代码的开发人员,现如今已成了招聘市场最受追捧的人. 在这篇文章里,我将分享一些JavaScript的技巧.秘诀和最佳实践,除了

【转】软件开发工具介绍之 6.Web开发工具

1.EditPlus  无论是编写xhtml页面,还是css.js文件,甚至随笔记记这样的事情,我都会使用EditPlus,感觉它不仅功能强大,更难得的是:绿色.轻量级.启动速度快.稳定性高 1.1 配置文件模板 设置好EditPlus的配置文件,告别重复的体力劳动.如果我们经常建立一种文件,而这种文件总会包含一些重复的文字或者代码的话,我们就可以建立模板,然后通过模板建立文件.从而摆脱每次都要重复的体力劳动. 1.2 顺手的侧边栏 侧 边栏包含了"快速目录路径"和"快速剪贴

WEB设计技巧:Web开发中经常使用的网站和Web App

文章描述:Web用户体验师Jake Rocheleau撰写了一篇文章分享他在Web开发中经常使用的网站和Web App,其中包含各类字体库.代码库.插件库.配色方案和测试工具.他同时指出,Web开发环境将慢慢转向云端. Web用户体验师Jake Rocheleau撰写了一篇文章分享他在Web开发中经常使用的网站和Web App,其中包含各类字体库.代码库.插件库.配色方案和测试工具.他同时指出,Web开发环境将慢慢转向云端. CodeVisually是一个开源项目.在它的分类目录下有各种插件.

访中国最大Web开发社群蓝色理想站长

他从1999年开始建立了蓝色理想社群,专为网页开发及设计者而来,目前己有超过38万会员,己是中国最大的Web开发社群,本篇访问内容将会非常精彩,请各位朋友们慢慢品尝. (曾沐阳 ID:蓝色  Blueidea站长) RiS问1:Hi Blue,近1年没见了,能否谈谈最近在忙些什么呢? Blue答1:最近就是在做一个基于会员的案例集网站 case.blueidea.com.另外还在做一些交互服务的尝试. RiS问2:请问你原本专长的领域是在哪?当初建立网站的想法是什么?有几位核心成员来协助你管理呢

WEBJX整理的24个Firefox Web开发插件

大多数网页设计师与前端工程师都会使用Firefox(火狐浏览器),由于Firefox丰富的Web开发辅助插件可以为我们提供许多好的功能,比如HTML,CSS,JS查错,找BUG等等.因此这里整理了目前常用的一些Firefox Web开发插件. 开发工具 1.  Web Developer 1.1.8 https://addons.mozilla.org/en-US/firefox/addon/60以工具栏的形式对网页的(X)HTML.脚本.多媒体.CSS.缓存.图象等多方面的实用工具.使我们能轻

10个技能让你成为一位好的Web开发人员

我最喜欢web开发的一点是,它包括许多许多不同的技能.作为一个好的开发者,一定要好好学习,天天向上,因为我们有很多重要的技能要学习,而且它们总是在不停的发生变化. 这里我列出了其中最为重要的10个技能,它们有点倾向于前端开发,但总体上适合所有的开发人员: 正则表达式 基本SEO 不错的Javascript库 跨浏览器调试 图片处理和优化 用有效的HTML/CSS进行布局(不适用表) 版权/基本网络法规 Apache rewrite 调试软件 版本控制 1. 正则表达式 正则表达式 常用于字符串的