你的位置:首页 > Java教程

[Java教程]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)。

  再根据用户的操作,选择相应的触发事件。

  最后,在事件中,根据第一步的构思,编写JS代码。