您现在的位置:首页 > >

重学JavaScript系列??(一)什么是JavaScript

发布时间:

重学JavaScript系列??(一)什么是JavaScript


博主以扎实JavaScript基础为目的,以《JavaScript高级程序设计(第四版)》为核心参考资料,以一个“复*者”的角度有针对性地来创作这期专栏。文章加入了博主的很多思考和开发经验,关注初学JavaScript时容易忽略的地方,着重总结了ECMAScript新标准知识点的特性和应用场景。最终,本专栏将覆盖完整的JavaScript知识体系,以辅佐各路豪杰在开发路上的稳步前进。


专栏传送门:https://blog.csdn.net/huoyihengyuan/category_10586561.html






文章目录
重学JavaScript系列??(一)什么是JavaScript1.1 JavaScript历史回顾1.2 JavaScript实现1.2.1 ECMAScript1.2.2 DOM1.2.3 BOM
小结



1995年,中国正式提出*绦斯铰裕媛涫悼蒲Ъ际跏堑谝簧Α


在地球的另一边,JavaScript问世。


1.1 JavaScript历史回顾

当今,大多数时候,我们注册一个网站账号时,会被要求密码包含大小写等特定格式,以增加密码安全性。如果我们输入了不符合要求的密码时,就会即时收到一个很友好的提示语:“密码需要包含大小写”供我们进行矫正。


但在过去,这种验证是要我们提交之后,等待服务器给出反馈结果,在当时的低网速环境下,每一次漫长的等待都考验着人们的耐心。


在这样的环境下,网景公司的Brendan Eich开发了一款脚本语言LiveScript,服务于网景公司的Netscape浏览器。当时Java被炒的火热,网景在临*发布LiveScript时临时改名为JavaScript,当然效果很成功。然而很快,微软也开发了一套JavaScript的实现,服务于IE浏览器,但为了避免许可纠纷,特意区别命名为JScript。(我们接下来分别称之为网景JS和微软JS)


于是业界便出现了这“真假美猴王”,孙悟空(网景JS)和六耳猕猴(微软JS)倒也不打架,各占一个山头,可这就难为了广大猴子猴孙,去不同的山头需要用不同的猴语,随着文明的发展,需要学*的猴语又越来越多。


后来,孙悟空向如来佛祖提交了自己的语言档案,希望统一猴届语言。后来如来佛祖组织了“第39技术委员会(TC39)”,并邀请了所有对统一猴语感兴趣的猴帮。


终于,在数个月之后,ECMA-262诞生了,也就是ECMAScript(发音为“ek-ma-script”)这个新脚本语言标准。后来,各家浏览器均以ECMAScript作为自己的JavaScript实现依据。


1.2 JavaScript实现

我们常常把ECMAScript当作JavaScript,但实际上JavaScript拥有更大的范畴。


完整的JavaScript包含三部分:


ECMAScript(核心)DOM(文档对象模型)BOM(浏览器对象模型)
1.2.1 ECMAScript

ECMAScript可以理解为一种标准,Web浏览器只是其中一种实现这套标准的宿主环境。宿主环境提供了最基本的标准的实现,同时也提供了与环境自身交互必须的拓展。



ECMAScript并没有实现输入输出,我们常在浏览器中运行的打印语句console.log(‘out’)就是Web浏览器的拓展功能。



除了Web浏览器,其他宿主环境还有服务器端JS*台Node.js和即将被淘汰的Adobe Flash。


如果不涉及浏览器的话,ECMA-262只定义了一些基本的层面:


语法类型语句关键字保留字操作符全局对象

我们经常听到诸如ES3、ES5和ES2015等等的名词,这其实就是ECMAScript版本简称。ES1可以理解为标准的ECMAScript第一版,而真正标志ECMAScript作为一门真正的标准语言的时代来临的事件,是ES3的问世。它更新了字符串的处理、错误定义和数值输出,增加了对正则表达式的、新控制语句和try/catch异常处理的支持等等。


为什么没听到过大家讨论ES4?因为ES4的提案太过激进,几乎定义了一门新语言,包括了强类型变量等等,以至于最后被废掉了。


所以后来下一次的ECMAScript新版本就是ES5,于2009年发布,增加了JSON数据的解析和序列化、方便继承的方法、严格模式等等。


ECMA-262第六版,俗称ES6、ES2015或ES Harmony(和谐版),于2015年发布,包含了大概有史以来最重要的一批增强特性:类、模块、迭代器、生成器、箭头函数、期约、反射、代理和新数据类型。


ECMA-262第七版,称为ES7、ES2016,于2016年发布,进行了少量的语法层面增强,如Array.prototype.includes和指数操作符。


ECMA-262第八版,称为ES8、ES2017,于2017年发布,增加了async/await、ShareArrayBuffer、Atomics API以及Object.value()、Object.entries()、Object.getOwnPropertyDescriptors()和字符串填充方法,另外明确支持对象字面量最后的逗号(这个细节令人舒服,这个逗号一直都像一个讨厌的苍蝇一样,影响着我的coding操作,这下可以轻松愉快地copy代码了?)。


ECMA-262第九版,称为ES9、ES2018,于2018年发布,修订包括异步迭代、剩余和拓展属性、Promise finally()等等。


ECMA-262第十版,称为ES10、ES2019,于2019年发布,增加了Array.prototype.flat()/flatMap()、String.prototype.trimStart()/trimEnd()、Object.fromEntries()、Symbol。prototype.description属性,明确定义了Function.prototype.toString()的返回值并固定了Array.prototype.sort()的顺序。


目前所有浏览器基本上对ES5提供了完善的支持,对ES6和ES7的支持也在不断提升,如果需要查看具体的兼容性表格,可以登录https://www.caniuse.com/。如果条件允许的话,期望开发者也能够与时俱进,不断尝试运用新功能,以完备的姿态去迎接未来,再不济也有babel方便让更多浏览器兼容我们的代码,难道不是吗?


1.2.2 DOM

文档对象模型(DOM,Document Object Model)是一个应用编程接口(API),用于在HTML中使用扩展的XML。


DOM将整个页面抽象成一组分层节点,创建出表示文档的树,让开发者可以随心所欲地控制页面的结构。


W3C制定了DOM规范,主要有两个模块构成:


DOM Core 提供了一种映射XML文档,方便访问和操作文档任意部分DOM HTML 增加了特定于HTML的对象和方法

除了DOM Core和DOM HTML之外,有些其他语言也是基于XML的,下面的每一种都增加了该语言独有的DOM方法和接口:


可伸缩矢量图(SVG,Scalable Vector Graphics)数学标记语言(MathML,Mathematical Markup Language)同步多媒体集成语言(SMIL,Synchronized Multimedia Integration Language)
1.2.3 BOM

浏览器对象模型(BOM,Browser Object Model)是用于支持访问和操作浏览器窗口的API。


通过BOM,开发者有能力操作页面之外的浏览器部分。总体来说,BOM主要针对于浏览器窗口和子窗口,不过人们通常会把任何特定于浏览器的扩展归在BOM的范畴内。以下就是这样的一些扩展:


弹出新窗口的能力移动、缩放和关闭浏览器窗口的能力navigator对象,提供浏览器的详细信息location对象,提供浏览器加载页面的的详细信息screen对象,提供关于用户屏幕分辨率的详细信息performance对象,提供浏览器内存占用、导航行为和时间统计的详细信息对cookie的支持其他自定义对象,如XMLHttpRequset和IE的ActiveXObject

过去很长一段时间,每个浏览器实现的都是自己的BOM,现在有了HTML5,BOM的实现细节应该回日趋一致。



关于DOM和BOM的具体讲解,将在后续章节详细说明,这里就不再过多阐述。



小结

JavaScript是历史的产物,包含ECMAScript、DOM和BOM,它的产生铺垫了Web技术的蓬勃发展,尽管它只是一门用于和网页交互的脚本语言。


已经被越来越多的浏览器不断支持JavaScript的新特性,当然未来也会有更多的新方案被纳入标准。作为开发者的我们,需要做到与时俱进,在提升业务能力的同时,也不要忘记回顾这些核心技术和学*新特性。


你不可能永远年轻,但永远都有年轻人。


热文推荐
猜你喜欢
友情链接: