前几篇文章,我经常说Javascript的设计不够严谨,有很多失误。
今天的这一篇,前半部分就谈为什么会这样,后半部分将列举Javascript的10个设计缺陷。
我参考的文献主要是Douglas Crockford的专著《Javascript语言精粹》(JavaScript: The Good Parts)和Fredrik Holmström的文章《我对Javascript的抱怨》(My gripes with Javascript)。
一、为什么Javascript有设计缺陷?
这里有三个客观原因,导致Javascript的设计不够完善。
1. 设计阶段过于仓促
Javascript的设计,其实只用了十天。而且,设计师是为了向公司交差,本人并不愿意这样设计(参见《Javascript诞生记》)。
另一方面,这种语言的设计初衷,是为了解决一些简单的网页互动(比如,检查"用户名"是否填写),并没有考虑复杂应用的需要。设计者做梦也想不到,Javascript将来可以写出像Gmail这种极其庞大复杂的网页。
2. 没有先例
Javascript同时结合了函数式编程和面向对象编程的特点,这很可能是历史上的第一例。而且直到今天为止,Javascript仍然是世界上唯一使用Prototype继承模型的主要语言。这使得它没有设计先例可以参考。
3. 过早的标准化
Javascript的发展非常快,根本没有时间调整设计。
1995年5月,设计方案定稿;10月,解释器开发成功;12月,向市场推出,立刻被广泛接受,全世界的用户大量使用。Javascript缺乏一个从小到大、慢慢积累用户的过程,而是连续的爆炸式扩散增长。大量的既成网页和业余网页设计者的参与,使得调整语言规格困难重重。
更糟的是,Javascript的规格还没来及调整,就固化了。
1996年8月,微软公司强势介入,宣布推出自己的脚本语言Jscript;11月,为了压制微软,网景公司决定申请Javascript的国际标准;1997年6月,第一个国际标准ECMA-262正式颁布。
也就是说,Javascript推出一年半之后,国际标准就问世了。设计缺陷还没有充分暴露就成了标准。相比之下,C语言问世将近20年之后,国际标准才颁布。
二、Javascript的10个设计缺陷
1. 不适合开发大型程序
Javascript没有名称空间(namespace),很难模块化;没有如何将代码分布在多个文件的规范;允许同名函数的重复定义,后面的定义可以覆盖前面的定义,很不利于模块化加载。
2. 非常小的标准库
Javascript提供的标准函数库非常小,只能完成一些基本操作,很多功能都不具备。
3. null和undefined
null属于对象(object)的一种,意思是该对象为空;undefined则是一种数据类型,表示未定义。
typeof null; // object
typeof undefined; // undefined
两者非常容易混淆,但是含义完全不同。
var foo;
alert(foo == null); // true
alert(foo == undefined); // true
alert(foo === null); // false
alert(foo === undefined); // true
在编程实践中,null几乎没用,根本不应该设计它。
4. 全局变量难以控制
Javascript的全局变量,在所有模块中都是可见的;任何一个函数内部都可以生成全局变量,这大大加剧了程序的复杂性。
a = 1;
(function(){
b=2;
alert(a);
})(); // 1
alert(b); //2
5. 自动插入行尾分号
Javascript的所有语句,都必须以分号结尾。但是,如果你忘记加分号,解释器并不报错,而是为你自动加上分号。有时候,这会导致一些难以发现的错误。
比如,下面这个函数根本无法达到预期的结果,返回值不是一个对象,而是undefined。
function(){
return
{
i=1
};}
原因是解释器自动在return语句后面加上了分号。
function(){
return;
{
i=1
};}
6. 加号运算符
+号作为运算符,有两个含义,可以表示数字与数字的和,也可以表示字符与字符的连接。
alert(1+10); // 11
alert("1"+"10"); // 110
如果一个操作项是字符,另一个操作项是数字,则数字自动转化为字符。
alert(1+"10"); // 110
alert("10"+1); // 101
这样的设计,不必要地加剧了运算的复杂性,完全可以另行设置一个字符连接的运算符。
7. NaN
NaN是一种数字,表示超出了解释器的极限。它有一些很奇怪的特性:
NaN === NaN; //false
NaN !== NaN; //true
alert( 1 + NaN ); // NaN
与其设计NaN,不如解释器直接报错,反而有利于简化程序。
8. 数组和对象的区分
由于Javascript的数组也属于对象(object),所以要区分一个对象到底是不是数组,相当麻烦。Douglas Crockford的代码是这样的:
if ( arr &&
typeof arr === 'object' &&
typeof arr.length === 'number' &&
!arr.propertyIsEnumerable('length')){alert("arr is an array");
}
9. == 和 ===
==用来判断两个值是否相等。当两个值类型不同时,会发生自动转换,得到的结果非常不符合直觉。
"" == "0" // false
0 == "" // true
0 == "0" // true
false == "false" // false
false == "0" // true
false == undefined // false
false == null // false
null == undefined // true
" \t\r\n" == 0 // true
因此,推荐任何时候都使用"==="(精确判断)比较符。
10. 基本类型的包装对象
Javascript有三种基本数据类型:字符串、数字和布尔值。它们都有相应的建构函数,可以生成字符串对象、数字对象和布尔值对象。
new Boolean(false);
new Number(1234);
new String("Hello World");
与基本数据类型对应的对象类型,作用很小,造成的混淆却很大。
alert( typeof 1234); // number
alert( typeof new Number(1234)); // object
关于Javascript的更多怪异行为,请参见Javascript Garden和wtfjs.com。
三、如何看待Javascript的设计缺陷?
既然Javascript有缺陷,数量还不少,那么它是不是一种很糟糕的语言?有没有前途?
回答是Javascript并不算糟糕,相反它的编程能力很强大,前途很光明。
首先,如果遵守良好的编程规范,加上第三方函数库的帮助,Javascript的这些缺陷大部分可以回避。
其次,Javascript目前是网页编程的唯一语言,只要互联网继续发展,它就必然一起发展。目前,许多新项目大大扩展了它的用途,node.js使得Javascript可以用于后端的服务器编程,coffeeScript使你可以用python和ruby的语法,撰写Javascript。
最后,只要发布新版本的语言标准(比如 ECMAscript 5),就可以弥补这些设计缺陷。当然,标准的发布和标准的实现是两回事,上述的很多缺陷也许会一直伴随到Javascript存在的最后一天。
(完)
dulao5 说:
这部分很中肯.
规避这些缺陷是可行的, 函数式/portotype的风格会让javascript非常强大; 其内核现在也被"新一代javascript引擎"也被优化的很好.
javascript会随着新一代web的爆发而爆发, 这是它的命运.
2011年6月30日 12:59 | # | 引用
小宝 说:
富客户端应用让javascript被大家重新认识了,文中提到也都是事实,但我们可以通过某些方式规避这些问题。
node.js的出现,让我梦想着有一天web开发就只有一门语言那就是javascript。
2011年6月30日 13:53 | # | 引用
ShiningRay 说:
prototype风格,javascript不是唯一的
是从self那里继承过来的,但标准里面又没继承全
2011年6月30日 16:06 | # | 引用
jack 说:
阮老师什么时候多出点儿node.js的介绍呀
2011年6月30日 16:58 | # | 引用
cactis 说:
node.js 與 coffeeScript 的介紹 +1
2011年6月30日 17:10 | # | 引用
hileon 说:
node.js 與 coffeeScript 的介紹 +1
2011年6月30日 17:20 | # | 引用
upsuper 说:
NaN 那个,我记得是浮点数标准里面规定的吧?所有语言里面貌似都是一样的……
2011年6月30日 17:26 | # | 引用
wade04035016 说:
很中肯
2011年6月30日 17:26 | # | 引用
韩巍 说:
阮兄,认为在什么情况下JS会消失,现在有没有更好的语言代替?
2011年6月30日 17:35 | # | 引用
shang 说:
难道判断数组不是用 arr instanceof Array ?
2011年6月30日 17:48 | # | 引用
Z 说:
alert( typeof 1234); // number
alert( typeof new Number(1234)); // object
这两个才能体现出js的严谨吧
2011年6月30日 17:50 | # | 引用
Belleve Invis 说:
求介绍 node 和 coffeescript +1;
另外也求介绍本人的项目 Eisa,http://github.com/infinte/eisa
2011年6月30日 18:37 | # | 引用
netwjx 说:
加号运算符 这段不明白
如果这样设计算缺陷的话 那么运算符重载就不能叫特性 而叫缺陷了(当然我认为运算符重载赋予了更大的设计能力 需要慎用 有限的使用)
有些时候简单的转换数字到字符串的方法就是""+num 或者num+""
这个不仅仅是在javascript中使用
2011年6月30日 21:06 | # | 引用
jlake 说:
1. 不适合开发大型程序
这一条我不同意。用闭包和匿名函数就能很容易的实现类似“Namespace”功能。
如:
var package1 = function() {
var attr1 = '';
var attr2 = '';
// 这儿可以写内部代码,不会和别的模块冲突
return {
method1: function() {
},
method2: function() {
}
}
}();
调用:
package.method1();
package.method2();
2011年7月 1日 09:12 | # | 引用
jlake 说:
实际上 + 运算符用起来很舒服。
想要字符串的结果只需加一个 ''
如:
var b = 1, c = 2;
var a = b + (c + '');
alert(a);
要数字结果可以 parseInt 或者 Number 之后再相加。
2011年7月 1日 09:24 | # | 引用
DK 说:
JavaScript是有很多缺点,但这又是它可爱的地方,这造就了一个灵活的JavaScript。
但是文中说加号运算符作为字符串操作的运算符也是一种缺点,我表示很不同意,我对php中的"."运算符作为字符串拼接运算符感到很别扭。
2011年7月 1日 09:25 | # | 引用
老雷 说:
其实这些缺点才使得JavaScript显得更灵活啊。如果一直是中规中矩的,那么多一个少一个都无所谓了
2011年7月 1日 10:24 | # | 引用
sapjax 说:
var arr = [];
Object.prototype.toString.call(arr)=="[object Array]";
这样就可以了 判断是不是数组
2011年7月 1日 11:05 | # | 引用
路人甲 说:
其次,Javascript目前是网页编程的唯一语言
这是什么意思?其它的语言都不算数?
2011年7月 1日 11:36 | # | 引用
老彭 说:
在浏览器不安装任何插件的情况下,各浏览器一致默认支持的前端交互语言确实只有javascript
2011年7月 1日 17:34 | # | 引用
liws 说:
阮兄,v2ex.com 现在是你在运营?
2011年7月 2日 11:06 | # | 引用
xt 说:
阮先生,你的微趣网站好像被挂马了。用Google搜索时360提示警告。
2011年7月 2日 13:15 | # | 引用
z 说:
“Javascript仍然是世界上唯一使用Prototype继承模型的主要语言”,貌似Lua也是prototype继承模型(Ruby的继承模型也很像),并且都比javascript早
2011年7月 2日 14:07 | # | 引用
hyh 说:
楼上 xt 说得对,我用的是 Mac Safari,上微趣的时候弹出警告。说可能包含恶意软件。
2011年7月 3日 07:59 | # | 引用
[email protected] 说:
nan躺着也能中枪。。。多做功课再写文章吧
2011年7月11日 21:54 | # | 引用
uX 说:
对于NaN在IEEE 754中有定义NaN是不等于自己的
抛出异常是很不明智的做法
加号运算符绝对是一悲剧
每次我用php的字符串连接的时候我总会奇妙的发现, 为什么输出的是一数字?
全局变量难以控制
个人觉的这是优点
2011年7月12日 10:08 | # | 引用
albertlee 说:
function(){
return
{
i=1
};
}
原因是解释器自动在return语句后面加上了分号。
function(){
return;
{
i=1
};
}
"="号 应给为 冒号吧?否则运行会出错。
2011年7月15日 15:10 | # | 引用
Jacklondon Chen 说:
问题6、8 没有什么道理,因为现在 java 、C# 也是这么设计的。不知道是不是翻译不好导致的。
2011年7月21日 09:08 | # | 引用
wkliang 说:
各种语言多少都有一些怪癖的。
例如,Pascal 不能用 = 对两个实数比值;纯粹从数学的观点,这是合理的,但也造成很多程序员的困扰吧?!
new Number("not_number") // 传回 NaN
new Number("not_number") === NaN // 传回 false
isNaN(new Number("not_number") // 传回 true
基本上,NaN 还是 number, 与其说超过极限,不如说赋值有问题的 number 吧!?
2011年7月27日 15:51 | # | 引用
jackie 说:
不要跟著亂講什麼缺陷,js 明明就很好用,就看你會不會用。
2011年11月20日 01:57 | # | 引用
hpking 说:
js是有缺陷,但不是文中提到的(除了自动插入行尾分号)
2012年5月23日 16:19 | # | 引用
Allen 说:
机会比能力重要,javascript就是为web而生,能力上有些缺陷也是完全正常的,况且这些小问题都能被规避
2012年5月27日 21:51 | # | 引用
guest 说:
所以es6诞生了 这些都改善了吧?
2016年10月14日 19:20 | # | 引用
Airsola 说:
V8 引擎拯救了 JavaScript
2016年10月29日 23:19 | # | 引用
turbo 说:
5. 自动插入行尾分号
那个示例有误吧。
function aa(){
return
{
i:1
};
}
// undefined
function aa(){
return {
i:1
};
}
// { i:1 }
2017年8月11日 11:23 | # | 引用
Howie Ying 说:
有缺陷就要承认,挨打要立正,楼上不愿承认的求求你别用ES6。有错改之,善莫大焉
2018年12月 7日 11:22 | # | 引用
张宇腾 说:
JS的流行,让我刷新了一门编程语言的认识。烂没关系,重要的是生态
2021年12月20日 22:49 | # | 引用
jimizai 说:
JS没有类似c++的operator overloading, 比如自定义的类
class Vector2 {
public x: number;
public y: number;
}
没法实现类似 Vector2 + Vector2 或者Vector2 * Vector2的功能
2022年4月28日 10:21 | # | 引用