JavaScript的诞生记

234 阅读6分钟

前言

  • 从今天开始正式学习JavaScript,在学习JS前,我们要了解学习JS的要求和JS的历史。

学习JS的基本要求:

  • 软要求:逻辑能力;质疑自己的能力(不要相信人类,包括你自己);抽象能力(高级程序员必备能力)。

  • 硬要求:足够多的代码;足够多的概念;足够多的踩坑经验。(如何积累:在课程中提炼;在大脑中思考;在博客上总结;在代码中实践。)

JS的发明人--布兰登

  • 李爵士发明了HTML

  • 赖先生发明了CSS

  • 布兰登·艾克发明了JS

JS的诞生

  • 1994年,网景公司(Netscape)发布了Navigator浏览器0.9版。这是历史上第一个比较成熟的网络浏览器,轰动一时。但是,这个版本的浏览器只能用来浏览,不具备与访问者互动的能力。......网景公司急需一种网页脚本语言,使得浏览器可以与网页互动。

  • 1995年,网景招募了布兰登·艾克,目标是把Scheme语言嵌入到Netscape Navigator浏览器当中。

  • Brendan Eich的主要方向和兴趣是函数式编程,以为主要与Scheme语言打交道。1995年5月,网景公司做出决策,未来的网页脚本语言必须"看上去与Java足够相似",但是比Java简单,使得非专业的网页作者也能很快上手。但是,他对Java一点兴趣也没有。为了应付公司安排的任务,他只用10天时间就把Javascript设计出来了。

  • 最初命名为Mocha,改名为LiveScript,被重命名为JavaScript

JS被采纳

  • 微软公司于1995年首次推出Internet Explorer,从而引发了与Netscape浏览器大战。微软对Netscape Navigator解释器进行了逆向工程,创建了JScript,以与处于市场领导地位的网景产品同台竞争。JScript也是一种JavaScript实现,这两个JavaScript语言版本在浏览器端共存意味着语言标准化的缺失,发展初期,JavaScript的标准并未确定,同期有网景的JavaScript,微软的JScript双峰并峙。

标准化

  • 1996年11月,网景正式向ECMA(欧洲计算机制造商协会)提交语言标准。1997年6月,ECMA以JavaScript语言为基础制定了ECMAScript标准规范ECMA-262。JavaScript成为了ECMAScript最著名的实现之一。

ECMAScript 标准的制定

  • 1997年,第一版ECMAScript发布

  • 1999年12月,第三版发布,这个版本使用最广

  • 第四版,流产

  • 2009年12月,第五版发布,增加了一些功能。

  • 2015年6月,第六版发布,新浏览器都支持这一版

  • 之后每年都发布一版,版本号以年份命名

JS与ECMAScript 的关系

  • ECMAScript是纸上的标准,JS是浏览器上的标准

  • 纸上的标准往往落后于浏览器,先实现再写标准

JS的概论

一般来说,完整的JavaScript包括以下几个部分:

  • ECMAScript,描述了该语言的语法和基本对象
  • 文档对象模型(DOM),描述处理网页内容的方法和接口
  • 浏览器对象模型(BOM),描述与浏览器进行交互的方法和接口

JavaScript的基本特点如下:

  • 是一种解释性脚本语言(代码不进行预编译)。
  • 主要用来向HTML页面添加交互行为
  • 可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。

JavaScript常用来完成以下任务:

  • 嵌入动态文本于HTML页面
  • 对浏览器事件作出响应
  • 读写HTML元素
  • 在数据被提交到服务器之前验证数据
  • 检测访客的浏览器信息
  • 控制cookie,包括创建和修改等

JavaScript的十个设计缺陷

  1. 不适合开发大型程序

Javascript没有名称空间(namespace),很难模块化;没有如何将代码分布在多个文件的规范;允许同名函数的重复定义,后面的定义可以覆盖前面的定义,很不利于模块化加载。

  1. 非常小的标准库

Javascript提供的标准函数库非常小,只能完成一些基本操作,很多功能都不具备。

  1. null和undefined

null属于对象(object)的一种,意思是该对象为空;undefined则是一种数据类型,表示未定义。两者非常容易混淆,但是含义完全不同。在编程实践中,null几乎没用,根本不应该设计它。

  1. 全局变量难以控制

Javascript的全局变量,在所有模块中都是可见的;任何一个函数内部都可以生成全局变量,这大大加剧了程序的复杂性。

  1. 自动插入行尾分号

Javascript的所有语句,都必须以分号结尾。但是,如果你忘记加分号,解释器并不报错,而是为你自动加上分号。有时候,这会导致一些难以发现的错误。

  1. 加号运算符

+号作为运算符,有两个含义,可以表示数字与数字的和,也可以表示字符与字符的连接。如果一个操作项是字符,另一个操作项是数字,则数字自动转化为字符。这样的设计,不必要地加剧了运算的复杂性,完全可以另行设置一个字符连接的运算符。

  1. NaN

NaN是一种数字,表示超出了解释器的极限。它有一些很奇怪的特性,与其设计NaN,不如解释器直接报错,反而有利于简化程序。

  1. 数组和对象的区分 由于Javascript的数组也属于对象(object),所以要区分一个对象到底是不是数组,相当麻烦。

  2. == 和 ===

==用来判断两个值是否相等。当两个值类型不同时,会发生自动转换,得到的结果非常不符合直觉。因此,推荐任何时候都使用"==="(精确判断)比较符。

  1. 基本类型的包装对象

Javascript有三种基本数据类型:字符串、数字和布尔值。它们都有相应的建构函数,可以生成字符串对象、数字对象和布尔值对象。与基本数据类型对应的对象类型,作用很小,造成的混淆却很大。