js基础术语和概念总结.doc

JavaScript基础术语和概念总结1、 什么是JavaScript ?JavaScript 是一种基于对象（Object）和事件驱动（Event Driven）并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java 脚本语言（Java 小程序） 一起实现在一个Web 页面中链接多个对象，与Web 客户交互作用。它的出现使得信息和用户之间不仅只是一种显示和浏览的关系，而是实现了一种实时的、动态的、可交式的表达能力。2、 JavaScript的特点JavaScript 是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言，主要用于创建具有交互性较强的动态页面。其具有以下特点：1) 基于对象：JavaScript 是基于对象的脚本编程语言，能通过DOM（文档结构模型）及自身提供的对象及操作方法来实现所需的功能。2) 事件驱动：JavaScript 采用事件驱动方式，能响应键盘事件、鼠标事件及浏览器窗口事件等，并执行指定的操作。3) 解释性语言：JavaScript 是一种解释性脚本语言，无需专门编译器编译，而是在嵌入JavaScript 脚本的HTML 文档载入时被浏览器逐行地解释，大量节省客户端与服务器端进行数据交互的时间。4) 实时性：JavaScript 事件处理是实时的，无须经服务器就可以直接对客户端的事件做出响应，并用处理结果实时更新目标页面。5) 动态性：JavaScript 提供简单高效的语言流程，灵活处理对象的各种方法和属性，同时及时响应文档页面事件，实现页面的交互性和动态性。6) 跨平台：JavaScript 脚本的正确运行依赖于浏览器，而与具体的操作系统无关。只要客户端装有支持JavaScript 脚本的浏览器，JavaScript 脚本运行结果就能正确反映在客户端浏览器平台上。7) 开发使用简单：JavaScript 基本结构类似C 语言，采用小程序段的方式编程，并提供了简易的开发平台和便捷的开发流程，就可以嵌入到HTML 文档中供浏览器解释执行。同时JavaScript 的变量类型是弱类型，使用不严格。8) 相对安全性：JavaScript 是客户端脚本，通过浏览器解释执行。它不允许访问本地的硬盘，并且不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互，从而有效地防止数据的丢失。3、 JavaScript和Java的区别虽然JavaScript和Java有着紧密的关系，但是确实由两家不同的公司开发的不同的两个不同产品。Java是 SUN 公司推出的新一代面向对象的程序设计语言，特别适合于 Internet 应用程序开发；而JavaScript 是Netscape 公司的产品，其目的是为了扩展Netscape Navigator 功能，而开发的一种可以嵌入Web 页面中的基于对象和事件驱动的解释性语言，它的前身是Live Script；而Java 的前身是Oak 语言。其异同点主要是以下几个方面：1) 基于对象和面向对象：Java是一种真正的面向对象的语言，即使是开发简单的程序，必须设计对象。而JavaScript是脚本语言，它是一种基于对象和事件驱动的编程语言。2) 代码格式的不同：Java是一种与HTML无关的格式，其代码以字节代码的形式保存在独立的文档中。JavaScript 的代码是一种文本字符格式，可以直接嵌入HTML 文档中，并且可动态装载。编写HTML 文档就像编辑文本文件一样方便。4、 JavaScript的基本数据类型在JavaScript中的四种基本数据类型：数值（整数和实数）、字符串型（用“”或者括起来的字符或者数值）、布尔型（true或false表示）和空值。在JavaScript中基本数据类型可以是常量，也可以是变量。举例：1）字符串类型：-转义序列：b 回退 f 换页 n 换行 r 回车符 t 制表符 单引号 ” 双引号 反斜杠 2）数字类型： 浮点数：12.568，整数：2563）布尔值类型：Boolean：true,false4）空值（Null）：代表变量什么也不是5）未定义值（Undefined）： var a/变量a 这时的状态5、 JavaScript的变量变量名必须以字母或下划线开始，其他部分可以使用数字、字母、美元符和下划线构成。JavaScript变量名区分大小写，可使用骆驼命名法：变量名以一个小写字母开始，后面的单词首字母大写且没有空格。变量名声明以关键字var开始。6、 HTML中如何使用JavaScript？JavaScript的使用分为两种方式，一种是直接使用，另一种就是通过事件机制使用 直接使用 HTML中的javascript代码块会让浏览器的控制程序交给相应的javascript解释器去完成，如果是自定义的函数，javascript是不会将其执行的，除非我们在javascript代码块中直接调用了该函数，如：“直接存在”代码中的Say()函数一样，处理函数外，其他的凡在javascript代码块中存在的javascript语句，都会被直接解释并执行。 间接使用 针对javascript中的函数(自定义和系统自带)说的，通过javascript的事件机制实现，其事件的具体体现就是HTML为响应这个功能而在标签中添加的一些属性，其描述的是发生在html元素上的某些行为。具体事件如下图所示：7、 JavaScript的运行机制JavaScript是一种描述性的脚本语言，它与Java或者C#等编译性语言不同之处在于它不需要进行编译成中间语言，而是由浏览器进行动态地解析与执行。如果不了解JavaScript的运行的机制或者不能掌握JavaScript的执行顺序，那么你就不能很好的驾驭它。那么JavaScript是怎么运行的呐？首先，我们先来了解几个重要的术语：1、 代码块JavaScript中的代码块是指标签分割的代码片段。例如：Js就是按照代码块来进行编译和执行的，注意：代码块之间是相互独立的，但是变量和方法是共享的。我们运行后会发现这种情况：上面的代码中代码块一中运行报错，但不影响代码块二的执行，这就是代码块间的独立性，而代码块二中能调用到代码一中的变量，则是块间共享性。2、 声明函数与赋值式函数Js中的函数定义有2种：声明式函数与赋值式函数声明式函数与赋值式函数的区别在于：在JS的预编译期，声明式函数将会先被提取出来，然后才按顺序执行js代码。如果Fn()放在fn()之后的话，则会出现函数未定义错误。3、 预编译期与执行期Js的解析过程分为两个阶段：预编译期（预处理）与执行期。预编译期JS会对本代码块中的所有声明的变量和函数进行处理（类似与C语言的编译），但需要注意的是此时处理函数的只是声明式函数，而且变量也只是进行了声明但未进行初始化以及赋值。举例说明： Fn(); /执行结果：执行了函数2,同名函数后者会覆盖前者 function Fn() /函数1 alert(执行了函数1); function Fn() /函数2 alert(执行了函数2); Fn(); /执行结果：执行了声明式函数,在预编译期声明函数及被处理了，所以即使Fn()调用函数放在声明函数前也能执行。function Fn() /声明式函数alert(执行了声明式函数);var Fn = function() /赋值式函数alert(执行了赋值式函数);看完上面几个术语后，相信大家对js的运行机制又有了新的认识，现在我们看个例子：Fn(); /浏览器报错:undefinedfunction Fn() /函数1alert(执行了函数1);我们上面说了JS是按照代码块来顺序执行的，其实完整的说应该是按照代码块的预处理和执行的，也就是说预处理的只是执行到的代码块的声明函数和变量，而对于还未加载的代码块是没法进行预处理的，这就是边编译边处理的核心所在。小结:js的处理机制step 1. 读入第一个代码块