js基础术语和概念总结

上传人:re****.1 文档编号:562618841 上传时间:2023-01-16 格式:DOC 页数:6 大小:228.51KB
返回 下载 相关 举报
js基础术语和概念总结_第1页
第1页 / 共6页
js基础术语和概念总结_第2页
第2页 / 共6页
js基础术语和概念总结_第3页
第3页 / 共6页
js基础术语和概念总结_第4页
第4页 / 共6页
js基础术语和概念总结_第5页
第5页 / 共6页
点击查看更多>>
资源描述

《js基础术语和概念总结》由会员分享,可在线阅读,更多相关《js基础术语和概念总结(6页珍藏版)》请在金锄头文库上搜索。

1、JavaScript基础术语和概念总结一、 什么是JavaScript ?JavaScript 是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java 脚本语言(Java 小程序) 一起实现在一个Web 页面中链接多个对象,与Web 客户交互作用。它的出现使得信息和用户之间不仅只是一种显示和浏览的关系,而是实现了一种实时的、动态的、可交式的表达能力。二、 JavaScript的特点JavaScript 是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言,主要用于创建具有交互性较强的动态页面。其具有以下

2、特点:1) 基于对象:JavaScript 是基于对象的脚本编程语言,能通过DOM(文档结构模型)及自身提供的对象及操作方法来实现所需的功能。2) 事件驱动:JavaScript 采用事件驱动方式,能响应键盘事件、鼠标事件及浏览器窗口事件等,并执行指定的操作。3) 解释性语言:JavaScript 是一种解释性脚本语言,无需专门编译器编译,而是在嵌入JavaScript 脚本的HTML 文档载入时被浏览器逐行地解释,大量节省客户端与服务器端进行数据交互的时间。4) 实时性:JavaScript 事件处理是实时的,无须经服务器就可以直接对客户端的事件做出响应,并用处理结果实时更新目标页面。5)

3、动态性:JavaScript 提供简单高效的语言流程,灵活处理对象的各种方法和属性,同时及时响应文档页面事件,实现页面的交互性和动态性。6) 跨平台:JavaScript 脚本的正确运行依赖于浏览器,而与具体的操作系统无关。只要客户端装有支持JavaScript 脚本的浏览器,JavaScript 脚本运行结果就能正确反映在客户端浏览器平台上。7) 开发使用简单:JavaScript 基本结构类似C 语言,采用小程序段的方式编程,并提供了简易的开发平台和便捷的开发流程,就可以嵌入到HTML 文档中供浏览器解释执行。同时JavaScript 的变量类型是弱类型,使用不严格。8) 相对安全性:Ja

4、vaScript 是客户端脚本,通过浏览器解释执行。它不允许访问本地的硬盘,并且不能将数据存入到服务器上,不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互,从而有效地防止数据的丢失。三、 JavaScript和Java的区别虽然JavaScript和Java有着紧密的关系,但是确实由两家不同的公司开发的不同的两个不同产品。Java是 SUN 公司推出的新一代面向对象的程序设计语言,特别适合于 Internet 应用程序开发;而JavaScript 是Netscape 公司的产品,其目的是为了扩展Netscape Navigator 功能,而开发的一种可以嵌入Web 页面中的

5、基于对象和事件驱动的解释性语言,它的前身是Live Script;而Java 的前身是Oak 语言。其异同点主要是以下几个方面:1) 基于对象和面向对象:Java是一种真正的面向对象的语言,即使是开发简单的程序,必须设计对象。而JavaScript是脚本语言,它是一种基于对象和事件驱动的编程语言。2) 代码格式的不同:Java是一种与HTML无关的格式,其代码以字节代码的形式保存在独立的文档中。JavaScript 的代码是一种文本字符格式,可以直接嵌入HTML 文档中,并且可动态装载。编写HTML 文档就像编辑文本文件一样方便。四、 JavaScript的基本数据类型在JavaScript中

6、的四种基本数据类型:数值(整数和实数)、字符串型(用“”或者括起来的字符或者数值)、布尔型(true或false表示)和空值。在JavaScript中基本数据类型可以是常量,也可以是变量。举例:1)字符串类型:-转义序列:b 回退 f 换页 n 换行 r 回车符 t 制表符 单引号 ” 双引号 反斜杠 2)数字类型: 浮点数:12.568,整数:2563)布尔值类型:Boolean:true,false4)空值(Null):代表变量什么也不是5)未定义值(Undefined): var a/变量a 这时的状态五、 JavaScript的变量变量名必须以字母或下划线开始,其他部分可以使用数字、字

7、母、美元符和下划线构成。JavaScript变量名区分大小写,可使用骆驼命名法:变量名以一个小写字母开始,后面的单词首字母大写且没有空格。变量名声明以关键字var开始。六、 HTML中如何使用JavaScript?JavaScript的使用分为两种方式,一种是直接使用,另一种就是通过事件机制使用 直接使用 HTML中的javascript代码块会让浏览器的控制程序交给相应的javascript解释器去完成,如果是自定义的函数,javascript是不会将其执行的,除非我们在javascript代码块中直接调用了该函数,如:“直接存在”代码中的Say()函数一样,处理函数外,其他的凡在javas

8、cript代码块中存在的javascript语句,都会被直接解释并执行。 间接使用 针对javascript中的函数(自定义和系统自带)说的,通过javascript的事件机制实现,其事件的具体体现就是HTML为响应这个功能而在标签中添加的一些属性,其描述的是发生在html元素上的某些行为。具体事件如下图所示:七、 JavaScript的运行机制JavaScript是一种描述性的脚本语言,它与Java或者C#等编译性语言不同之处在于它不需要进行编译成中间语言,而是由浏览器进行动态地解析与执行。如果不了解JavaScript的运行的机制或者不能掌握JavaScript的执行顺序,那么你就不能很好

9、的驾驭它。那么JavaScript是怎么运行的呐?首先,我们先来了解几个重要的术语:1、 代码块JavaScript中的代码块是指标签分割的代码片段。例如:Js就是按照代码块来进行编译和执行的,注意:代码块之间是相互独立的,但是变量和方法是共享的。我们运行后会发现这种情况:上面的代码中代码块一中运行报错,但不影响代码块二的执行,这就是代码块间的独立性,而代码块二中能调用到代码一中的变量,则是块间共享性。2、 声明函数与赋值式函数Js中的函数定义有2种:声明式函数与赋值式函数声明式函数与赋值式函数的区别在于:在JS的预编译期,声明式函数将会先被提取出来,然后才按顺序执行js代码。如果Fn()放在

10、fn()之后的话,则会出现函数未定义错误。3、 预编译期与执行期Js的解析过程分为两个阶段:预编译期(预处理)与执行期。预编译期JS会对本代码块中的所有声明的变量和函数进行处理(类似与C语言的编译),但需要注意的是此时处理函数的只是声明式函数,而且变量也只是进行了声明但未进行初始化以及赋值。举例说明: Fn(); /执行结果:执行了函数2,同名函数后者会覆盖前者 function Fn() /函数1 alert(执行了函数1); function Fn() /函数2 alert(执行了函数2); Fn(); /执行结果:执行了声明式函数,在预编译期声明函数及被处理了,所以即使Fn()调用函数放

11、在声明函数前也能执行。function Fn() /声明式函数alert(执行了声明式函数);var Fn = function() /赋值式函数alert(执行了赋值式函数);看完上面几个术语后,相信大家对js的运行机制又有了新的认识,现在我们看个例子:Fn(); /浏览器报错:undefinedfunction Fn() /函数1alert(执行了函数1);我们上面说了JS是按照代码块来顺序执行的,其实完整的说应该是按照代码块的预处理和执行的,也就是说预处理的只是执行到的代码块的声明函数和变量,而对于还未加载的代码块是没法进行预处理的,这就是边编译边处理的核心所在。小结:js的处理机制step 1. 读入第一个代码块。step 2. 做语法分析,有错则报语法错误(比如括号不匹配等),并跳转到step5。step 3. 对var变量和function定义做“预编译处理”(永远不会报错的,因为只解析正确的声明)。step 4. 执行代码段,有错则报错(比如变量未定义)。step 5. 如果还有下一个代码段,则读入下一个代码段,重复step2。step6. 结束。

展开阅读全文
相关资源
正为您匹配相似的精品文档
相关搜索

最新文档


当前位置:首页 > 办公文档 > PPT模板库 > 总结/计划/报告

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号