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存在的最后一天。

js有哪几种典型函数

第一类：常规函数

包括以下9个函数：

(1)alert函数：显示一个警告对话框，包括一个OK按钮。

(2)confirm函数：显示一个确认对话框，包括OK、Cancel按钮。

(3)escape函数：将字符转换成Unicode码。

(4)eval函数：计算表达式的结果。

(5)isNaN函数：测试是(true)否(false)不是一个数字。

(6)parseFloat函数：将字符串转换成符点数字形式。

(7)parseInt函数：将符串转换成整数数字形式(可指定几进制)。

(8)prompt函数：显示一个输入对话框，提示等待用户输入。

第二类：数组函数

包括以下4个函数：

(1)join函数：转换并连接数组中的所有元素为一个字符串。

(2)langth函数：返回数组的长度。

(3)reverse函数：将数组元素顺序颠倒。

(4)sort函数：将数组元素重新排序。

第三类：日期函数

包括以下20个函数：

(1)getDate函数：返回日期的“日”部分，值为1～31

(2)getDay函数：返回星期几，值为0～6，其中0表示星期日，1表示星期一，...，6表示星期六

(3)getHours函数：返回日期的“小时”部分，值为0～23。

(4)getMinutes函数：返回日期的“分钟”部分，值为0～59。见上例。

(5)getMonth函数：返回日期的“月”部分，值为0～11。其中0表示1月，2表示3月，...，11表示12月。见前面的例子。

(6)getSeconds函数：返回日期的“秒”部分，值为0～59。见前面的例子。

(7)getTime函数：返回系统时间。

(8)getTimezoneOffset函数：返回此地区的时差(当地时间与GMT格林威治标准时间的地区时差)，单位为分钟。

(9)getYear函数：返回日期的“年”部分。返回值以1900年为基数，例如1999年为99。

(10)parse函数：返回从1970年1月1日零时整算起的毫秒数(当地时间)。

(11)setDate函数：设定日期的“日”部分，值为0～31。

(12)setHours函数：设定日期的“小时”部分，值为0～23。

(13)setMinutes函数：设定日期的“分钟”部分，值为0～59。

(14)setMonth函数：设定日期的“月”部分，值为0～11。其中0表示1月，...，11表示12月。

(15)setSeconds函数：设定日期的“秒”部分，值为0～59。

(16)setTime函数：设定时间。时间数值为1970年1月1日零时整算起的毫秒数。

(17)setYear函数：设定日期的“年”部分。

(18)toGMTString函数：转换日期成为字符串，为GMT格林威治标准时间。

(19)setLocaleString函数：转换日期成为字符串，为当地时间。

(20)UTC函数：返回从1970年1月1日零时整算起的毫秒数，以GMT格林威治标准时间计算。

第四类：数学函数

函数有以下18个：

(1)abs函数：即Math.abs(以下同)，返回一个数字的绝对值。

(2)acos函数：返回一个数字的反余弦值，结果为0～π弧度(radians)。

(3)asin函数：返回一个数字的反正弦值，结果为-π/2～π/2弧度。

(4)atan函数：返回一个数字的反正切值，结果为-π/2～π/2弧度。

(5)atan2函数：返回一个坐标的极坐标角度值。

(6)ceil函数：返回一个数字的最小整数值(大于或等于)。

(7)cos函数：返回一个数字的余弦值，结果为-1～1。

(8)exp函数：返回e(自然对数)的乘方值。

(9)floor函数：返回一个数字的最大整数值(小于或等于)。

(10)log函数：自然对数函数，返回一个数字的自然对数(e)值。

(11)max函数：返回两个数的最大值。

(12)min函数：返回两个数的最小值。

(13)pow函数：返回一个数字的乘方值。

(14)random函数：返回一个0～1的随机数值。

(15)round函数：返回一个数字的四舍五入值，类型是整数。

(16)sin函数：返回一个数字的正弦值，结果为-1～1。

(17)sqrt函数：返回一个数字的平方根值。

(18)tan函数：返回一个数字的正切值。

第五类：字符串函数

包括以下20个函数：

(1)anchor函数：产生一个链接点(anchor)以作超级链接用。anchor函数设定A NAME...的链接点的名称，另一个函数link设定A HREF=...的URL地址。

(2)big函数：将字体加到一号，与BIG.../BIG标签结果相同。

(3)blink函数：使字符串闪烁，与BLINK.../BLINK标签结果相同。

(4)bold函数：使字体加粗，与B.../B标签结果相同。

(5)charAt函数：返回字符串中指定的某个字符。

(6)fixed函数：将字体设定为固定宽度字体，与TT.../TT标签结果相同。

(7)fontcolor函数：设定字体颜色，与FONT COLOR=color标签结果相同。

(8)fontsize函数：设定字体大小，与FONT SIZE=n标签结果相同。

(9)indexOf函数：返回字符串中第一个查找到的下标index，从左边开始查找。

(10)italics函数：使字体成为斜体字，与I.../I标签结果相同。

(11)lastIndexOf函数：返回字符串中第一个查找到的下标index，从右边开始查找。

(12)length函数：返回字符串的长度。(不用带括号)

(13)link函数：产生一个超级链接，相当于设定A HREF=...的URL地址。

(14)small函数：将字体减小一号，与SMALL.../SMALL标签结果相同。

(15)strike函数：在文本的中间加一条横线，与STRIKE.../STRIKE标签结果相同。

(16)sub函数：显示字符串为下标字(subscript)。

(17)substring函数：返回字符串中指定的几个字符。

(18)sup函数：显示字符串为上标字(superscript)。

(19)toLowerCase函数：将字符串转换为小写。

(20)toUpperCase函数：将字符串转换为大写。

[img]

什么是JavaScript？

Javascript是一种由Netscape的LiveScript发展而来的脚本语言，主要目的是为了解决服务器终端语言，比如Perl，遗留的速度问题。当时服务端需要对数据进行验证，由于网络速度相当缓慢，只有28.8kbps，验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript，提供了数据验证的基本功能。

历史

在1992年，Nombas开始开发一种嵌入式脚本语言，叫做C-minus-minus(Cmm)。[待续...

能够具有交互性，能够包含更多活跃的元素，就有必要在网页中嵌入其它的技术。如：Javascript、VBScript、Document Object Model（文件目标模块）、Layers和 Cascading Style Sheets（CSS），这里主要讲Javascript。那么Javascript是什么东东？Javascript就是适应动态网页制作的需要而诞生的一种新的编程语言，如今越来越广泛地使用于Internet网页制作上。 Javascript是由 Netscape公司开发的一种脚本语言（scripting language），或者称为描述语言。在HTML基础上，使用Javascript可以开发交互式Web网页。Javascript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系，使网页包含更多活跃的元素和更加精彩的内容。 运行用Javascript编写的程序需要能支持Javascript语言的浏览器。Netscape公司 Navigator 3．0以上版本的浏览器都能支持 Javascript程序，微软公司 Internet Explorer 3．0以上版本的浏览器基本上支持Javascript。微软公司还有自己开发的Javascript，称为JScript。 Javascript和Jscript基本上是相同的，只是在一些细节上有出入。 Javascript短小精悍， 又是在客户机上执行的，大大提高了网页的浏览速度和交互能力。 同时它又是专门为制作Web网页而量身定做的一种简单的编程语言。

虽然，在Dreamweaver的Behaviors可以为我们方便地使用Javascript程序而不用编写代码，但我们自己了解了Javascript的编程方法后，将能更加方便灵活地应用，也使Javascript的代码更简练。本专题通过对一系列典型程序的剖析，使你快速地掌握Javascript的编程技巧，设计出质量上乘的动态网页打下坚实的基础。在此之前，我们先了解一些Javascript 的基本概念。

JavaScript 有什么特点

JavaScript 使网页增加互动性。JavaScript 使有规律地重复的HTML文段简化，减少下载时间。JavaScript 能及时响应用户的操作，对提交表单做即时的检查，无需浪费时间交由 CGI 验证。JavaScript 的特点是无穷无尽的，只要你有创意。

Java 与 JavaScript 有什么不同

很多人看到 Java 和 JavaScript 都有“Java”四个字，就以为它们是同一样东西，连我自己当初也是这样。其实它们是完完全全不同的两种东西。Java，全称应该是 Java Applet，是嵌在网页中，而又有自己独立的运行窗口的小程序。Java Applet 是预先编译好的，一个 Applet 文件（.class）用 Notepad 打开阅读，根本不能理解。Java Applet 的功能很强大，可以访问 http、ftp等协议，甚至可以在电脑上种病毒（已有先例了）。相比之下，JavaScript 的能力就比较小了。JavaScript 是一种“脚本”（“Script”），它直接把代码写到 HTML 文档中，浏览器读取它们的时候才进行编译、执行，所以能查看 HTML 源文件就能查看JavaScript 源代码。JavaScript 没有独立的运行窗口，浏览器当前窗口就是它的运行窗口。它们的相同点，我想只有同是以 Java 作编程语言一点了。

开发 JavaScript 该用什么软件

一个 JavaScript 程序其实是一个文档，一个文本文件。它是嵌入到 HTML 文档中的。所以，任何可以编写 HTML 文档的软件都可以用来开发 JavaScript。在此我推荐大家用 FrontPage 2000 附带的 Microsoft 脚本编辑器（在 FrontPage 菜单 | 工具 | 宏 | Microsoft 脚本编辑器）。它是个像 Visual Basic / C++ 一样的程序开发器，能对正在输入的语句作出简要提示。配合 FrontPage 2000，使工作量大大减少。

一、Javascript在网页的用法

Javascript加入网页有两种方法：

1、直接加入HTML文档

这是最常用的方法，大部分含有Javascript的网页都采用这种方法，如：

script language="Javascript"

!--

document.writeln("这是Javascript！采用直接插入的方法！");

//-Javascript结束--

/script

在这个例子中，我们可看到一个新的标签： script……/script，而script language="Javascript” 用来告诉浏览器这是用Javascript编写的程序，需要调动相应的解释程序进行解释。

HTML的注释标签!--和--：用来去掉浏览器所不能识别的Javascript源代码的，这对不支持 Javascript 语言的浏览器来说是很有用的。

//-Javascript结束：双斜杠表示 Javascript的注释部分，即从//开始到行尾的字符都被忽略。 至于程序中所用到的document．write（）函数则表示将括号中的文字输出到窗口中去， 这在后面将会详细介绍。 另外一点需要注意的是，script……/script的位置并不是固定的，可以包含在head....../head 或body...../body中的任何地方。

2、引用方式 如果已经存在一个Javascript源文件（以js为扩展名），则可以采用这种引用的方式，以提高程序代码的利用率。其基本格式如下：

script src＝url language="Javascript"/script

其中的Url就是程序文件的地址。同样的，这样的语句可以放在HTML文档头部或主体的任何部分。 如果要实现“直接插入方式”中所举例子的效果，可以首先创建一个Javascript源代码文件“Script.js”，其内容如下：

document.writeln("这是Javascript！采用直接插入的方法！");

在网页中可以这样调用程序：script src＝"Script.js" language="Javascript"/script 。

二、Javascript基本概念

在这里只作简单介绍，在以后的例子中结程序再作具体解释其作用。

1、运算符

运算符就是完成操和的一系列符号，它有七类：

赋值运算符、算术运算符、比较运算符、逻辑运算符、条件运算、位操作运算符和字符串运算符。

2、表达式

运算符和操作数的组合称为表达式，通常分为四类：赋值表达式、算术表达式、布尔表达式和字符串表达式。

3、语句

Javascript程序是由若干语句组成的，语句是编写程序的指令。Javascript提供了完整的基本编程语句，它们是：

赋值语句、switch选择语句、while循环语句、for循环语句、do while循环语句、break循环中止语句和continue循环中断语句。

4、函数

函数是命名的语句段，这个语句段可以被当作一个整体来引用不着和执行。使用函数要注意以下几点：

1）函数由关键字function定义；

2）函数必须先定义后使用，否则将出错；

3）函数名是调用函数时引用的名称，它对大小写是敏感的，调用函数时不可写错函数名；

4）参数表示传递给函数使用或操作的值，它可以是常量，也可以是变量；

5）return语句用于返回表达式的值，也可以没有。

5、对象

Javascript的一个重要功能就是基于对象的功能，通过基于对象的程序设计，可以用更直观、模块化和可重复使用的方式进行程序开发。

一组包含数据的属性和对属性中包含数据进行操作的方法，称为对象。比如要设定网页的背景颜色，所针对的对象就是document，所用的属性名是bgcolor，如document.bgcolor="blue"，就是表示使背景的颜色为蓝色。

6、事件

用户与网页交互时产生的操作，称为事件。绝大部分事都由用户的动作所引发，如：用户按鼠标的按钮，就产生onclick事件，若鼠标的指针的链接上移动，就产生onmouseover事件等等。在Javascript中，事件往往与事件处理程序配套使用。

学习Javascript比较快速有效的方法是先熟悉一些基本概念，然后找几个别人设计好的程序认真仔细地分析一遍，再稍作改动，再看看能否达到预期目的，不断地举一反三，既可以加深对一些参数、设计方法的理解，又可以快速地提高自己的水平。另外，再提醒一下：Javascript对大小写是敏感的，特别是一些对象、方法、属性的大小写一定要一致，要养成一种良好的习惯，否则在调试程序时可要累死你了。

7、变量

如 var myVariable = "some value";

分享标题：JavaScript典型,javascript百度百科
分享地址：http://scyingshan.cn/article/dsopise.html