【JavaScript】总结

落日映苍穹つ 2022-07-16 02:15 130阅读 0赞

JS 结束快有一个月了但是一直都在拖着没有写这个总结，最后还是写了，但是感觉没有自己刚刚学完的时候感想多，所以以后还是不能拖延废话不多说了咱们来进入正题。

# 【思维导图】 #

![Center][]

# 【定义】 #

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

# 【组成】 #

javascript组成一个完整的 JavaScript 实现是由以下 3 个不同部分组成的：核心（ECMAScript）、文档对象模型（Document Object Model，简称DOM）、浏览器对象模型（Browser Object Model，简称BOM）。

![Center 1][]

# 【JavaScript库（框架）】 #

库，指得是可以方便应用到现有开发体系中的、现成的代码资源。库不仅为大部分日常的DOM脚本编程工作提供了快捷的解决方案，而且也提供了许多独特的工具。虽然库使用起来很方便，但它们也并非能解决你所有的问题。在使用库之前，一定要保证真正理解javascript的DOM原理。这些库一般是一个（或多个）js（Javascript的缩写）文件，只要把他们导入你的网页就能使用了。  
    常用的库有：  
    （1）jQuery：javascript库中的新成员，提供css和xpath选择符查找元素、ajax、动画效果等  
    （2）JSer: 国人开发的一款全功能的开源脚本框架. 借助JSer，可以便捷的操作DOM、CSS样式访问、属性读写、事件绑定、行为切换、动态载入、数据缓存、URL与AJAX等众多功能。  
    （3）dojo：一个巨大的库，包括的东西很多，dijit和dojox是dojo的扩展，几乎你想要的各种javascript程序都包括了。  
    （4）prototype：一个非常流行的库，使用了原型链向javascript中添加了很多不错的函数  
    （5）YUI：（YahooYUI库）yahoo！用户界面，非常实用，提供各种解决方案。  
    （6）ExtJs：组件非常丰富，皮肤也很漂亮，动画效果也丰富。

# 【优点】 #

<1>.JavaScript减少网络传输。  
       在JavaScript这样的用户端脚本语言出现之前，传统的数据提交和验证工作均由用户端浏览器通过网络传输到服务器上进行。如果数据量很大，这对于网络和服务器的资源来说实在是一种无形的浪费。而使用JavaScript就可以在客户端进行数据验证。  
   <2>.JavaScript方便操纵HTML对象。  
       JavaScript可以方便地操纵各种页面中的对象，用户可以使用JavaScript来控制页面中各个元素的外观、状态甚至运行方式，JavaScript可以根据用户的需要“定制”浏览器，从而使网页更加友好。  
   <3>.JavaScript支持分布式运算。  
       JavaScript可以使多种任务仅在用户端就可以完成，而不需要网络和服务器的参与，从而支持分布式的运算和处理。

# 【缺点】 #

<1>.各浏览器厂商对JavaScript支持程度不同。  
       目前在互联网上有很多浏览器，如Firefox、Internet Explorer、Opera等，但每种浏览器支持JavaScript的程度是不一样的，不同的浏览器在浏览一个带有JavaScript脚本的主页  时，由于对JavaScript的支持稍有不同，其效果会有一定的差距，有时甚至会显示不出来。  
   <2>.“Web安全性”对JavaScript一些功能牺牲。  
       当把JavaScript的一个设计目标设定为“Web安全性”时，就需要牺牲JavaScript的一些功能。因此，纯粹的JavaScript将不能打开、读写和保存用户计算机上的文件。其有权访问的唯一信息就是该JavaScript所嵌入的那个Web主页中的信息，简言之，JavaScript将只存在于它自己的小小世界—Web主页里。

# 【总结】 #

学习之前就听说“JS是基于原型的基础上的面向对象，而C\#是基于构造函数的面向对象“，即使是学习完了才不太懂这就话，查了一下资料也没有这方面的知识，可能自己就是了解了一个表面吧！希望自己能通过以后的不断深入学习能知道的更多。。。

[Center]: /images/20220716/1e15c61f3460411bab5508a493e7b2cc.png
[Center 1]: /images/20220716/df98469a4c7547318cdb32d6f53d40b1.png