JavaScript学习总结【1】、初识JS

1、什么是JavaScript?

　　JavaScript是一门跨平台、面向对象的动态的弱类型的轻量级解释型语言，是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。应用于HTML文档能够在网站上提供动态的交互能力，他不同于Java。简单说就是基于浏览器处理HTML文档，实现各种网页特效，响应用户的各种操作，为网页添加动态效果，提升用户操作体验，比如图片滚动播放效果，点击登录框弹出对话框，鼠标移入移出动画，表单提交数据验证等。

2、为什么要学习JavaScript？

　　JavaScript通常被称为JS，他发明的目的，就是作为浏览器的内置脚本语言，为网页开发者提供操控浏览器的能力，他可以让网页呈现出各种特殊效果，为用户提供友好的互动体验。随着Ajax技术的出现，前端可以在不刷新页面的情况下和后端进行数据交换，更新页面数据，jQuery等库的盛行让JS编写变得异常简单，Bootstrap框架更让前端的成本无限降低，大大提高了前端开发的效率，JS在前端领域前景非常广阔。

　　随着Node的发布，使得JS不仅可以运行在前端，还可以运行在服务器上。这对JS来说是一次质的突破，Node.js项目使得JS可以用于开发服务器端的大型项目，网站的前后端都用JS开发已经称为了现实。

　　至此JS除了可以被浏览器解析，也可以作为后端语言使用，越来越多的应用程序，将JS作为内嵌的脚本语言，可以用来构建移动端APP，开发HTML游戏，可以不依赖于浏览器，构建桌面应用程序。

　　可以预期，最终只使用JS这一种语言，就可以开发出适应不同平台（包括桌面端，服务器端，手持端）的程序。在Jeef Atwood发布的博客中，他提出了著名的“Atwood定律”，即“任何能够用JavaScript实现的应用程序，最终都必将用JavaScript实现”。

　　相比学习其他语言，JS很容易学习。只要有浏览器，就能运行JS程序，只要有文本编辑器，就可以编写JS代码。不用安装复杂的IED（集成开发环境）和编译器。JS的语法相对简单一些，本身的语法不是特别多，而且语言灵活，完全可以只用简单的命令，完成大部分的操作。

　　虽然JS的核心语法不难学习，但是要真正学透还不是一件容易的事，JS其实是很复杂的，随着学习，越能体会到他的强大。JS要发挥作用，必须与其他组件配合，这些外部组件五花八门，而且数量庞大，涉及到了网络应用的各个方面，比如编辑器组件，QQ空间提供的关注组件等，要掌握他们并非易事，必须下狠功夫。JS语言有一些设计缺陷，在一些地方会出现怪异的运行结果，各主流浏览器对于JS的支持不尽相同，兼容性是最让人头疼的事情，学习JS，很大一部分时间都是用来搞清除哪些地方有陷阱。

　　尽管如此，JS的地位还是不可动摇的，2015年公布的世界语言使用排名，JS排在第七位，较去年又有了提升。Ecma（通过Ecma-262制定脚本语言的标准）加快了语言的标准化，使得JS功能日益增强，而语法缺陷和怪异之处也得到了弥补，截至今年JS最新版本为ECMAScript 2015，也叫ES6，增加了许多新特性。所以，JS还是值得学习的，不仅要掌握，而且要学精，尤其对于WEB前端开发工程师尤为重要。

3、JavaScript组成。

　　JS由三部分组成：

　　ECMAScript：也叫解释器，充当翻译角色，这是JS的核心部分。

　　DOM：文档对象模型（Document Object Model）。DOM赋予了JS操作HTML的能力，即document操作。

　　BOM：浏览器对象模型（Browser Object Model）。BOM赋予了JS操作浏览器的能力，即window操作。

4、JavaScript用法。

　　HTML中的脚本必须位于<script></script>标签之间。可以在HTML文档中放入不限数量的脚本。脚本可位于HTML的<head>或<body>中，或者同时存在于这两个部分中。通常的做法是把函数放在<head>中，或者放在页面底部。这样不会干扰页面的内容。

　　也可以把脚本保存在外部文件中，文件扩展名为.js，外部文件通常包含被多个网页使用的代码。注意：在使用外部脚本时，脚本内不能包含<script>标签。

5、编写JavaScript的流程。

　　首先，也是最重要的，先要搞清楚网页效果的实现原理，要达到什么目的，需要对哪些属性做出修改，以及用户的哪些操作，通过用户的某种操作，一步步的构思JS实现的方法。

　　然后HTML+CSS布局页面。

　　接着选择需要修改的属性的名称（ID或Class）。