一、JavaScript简介
JavaScript是一种专门为与网页交互而设计的脚本语言,由下列三个不同的部分组成:
- ECMAScript,由ECMA-262定义,提供核心语言功能;
- 文档对象模型(DOM),提供访问和操作网页内容的方法和接口;
- 浏览器对象模型(BOM),提供与浏览器交互的方法和接口;
JavaScript的这三个组成部分,在当前五个主要浏览器(IE、Firefox、Chrome、Safari和Opera)中都得到了不同程度的支持。其中,所有浏览器对ECMAScript第3版的支持大体上都还不错,而对ECMAScript5的支持程度越来越高,但对DOM的支持则彼此相差比较多。对HTML5已经正式纳入标准的BOM来说,尽管各浏览器都实现了某些 众所周知的共同特性,但其他特性还是会因浏览器而异。
二、在HTML中使用JavaScript
把JavaScript插入到HTML页面中要使用<script>元素。使用这个元素可以把JavaScript嵌入到HTML页面中,让脚本与标记混合在一起;也可以包含外部的JavaScript文件。而我们需要注意的地方有:
- 在包含外部JavaScript文件时,必须将src属性设置为指向相应文件的URL。而这个文件既可以是与包含它的页面位于同一个服务器上的文件,也可以是其他任何域中的文件;
- 所有<script>元素都会按照它们在页面中出现的先后顺序依次被解析。在不使用defer和asyc属性的情况下,只有解析完前面<script>元素中的代码之后,才会开始解析后面<script>元素中的代码;
- 由于浏览器会先解析完不使用defer属性的<script>元素中的代码,然后再解析后面的内容,所以一般应该把<script>元素放在页面最后,即主要内容后面,<body>标签前面;
- 使用defer属性可以让脚本在文档完全呈现之后再执行。延迟脚本总是按照指定它们的顺序执行;
- 使用async属性可以表示当前脚本不必等待其他脚本,也不必阻塞文档呈现。不能保证异步脚本按照它们在页面中出现的顺序执行;
- 此外,使用<noscript>元素可以指定在不支持脚本的浏览器中显示的替代内容。但在启用了脚本的情况下,浏览器不会显示<noscript>元素中的任何内容;
三、基本概念
JavaScript的核心语言特性在 ECMA-262中是以名为ECMAScript的伪语言的形式来定义的。ECMAScript中包含了所有基本的语法、操作符 、数据类型以及完成基本的计算任务所必需的对象。以下简要概括了ECMAScript中基本的要素:
- 基本数据类型:Undefined、Null、Boolean、Number和String;
- Number类型可用于表示所有数值;
- Object类型是JavaScript中所有对象的基础类型;
- 严格模式为JavaScript中容易出错的地方施加了限制;
- 基本操作符包括算数操作符、布尔操作符、关系操作符、相等操作符 及赋值操作符等;
- 流控制语句包括if语句、for语句和switch语句等;
- 无须指定函数的返回值;
- 未指定返回值的函数返回的是一个特殊的undefined值;
- 函数参数以数组的形式传递;
- 可以向函数传递任意数量的参数,并且可以通过arguments对象来访问这些参数;
- 函数不能重载;
四、变量、作用域和内存问题
JavaScript变量可以用来保存两种类型的值:基本类型值和引用类型值。基本类型值得值源自以下5中基本数据类型 :Undefined、Null、Boolean、Number和String。基本类型值和引用类型值具有以下特点:
- 基本类型值在内存中占据固定大小的空间,因此保存在栈内存中;
- 从一个变量向另一个变量复制基本类型的值,会创建这个值的一个副本;
- 引用类型的值是对象,保存在队中;
- 包含引用类型值得变量实际上包含的并不是对象本身,而是一个指向对象的指针;
从一个变量向另一个变量复制引用类型值,复制的其实是指针,因此两个变量最终都指向同一个对象; - 确定一个值是那种基本类型可以使用typeof操作符,而确定一个值是哪种引用类型可以使用instanceof操作符;
所有变量(包括基本类型和引用类型)都存在于一个执行环境(也称作用域)当中,这个执行环境决定了变量的生命周期,以及那一部分代码可以访问其中的变量。以下是关于执行环境的几点总结:
- 执行环境有全局执行环境(也称为全局环境)和函数执行环境之分;
- 每次进入一个新执行环境,都会创建一个用于搜索变量和函数的作用域链;
- 函数的局部环境不仅有权访问函数作用域中的变量,而且有权访问其包含(父)环境,乃至全局环境;
- 全局环境只能访问在全局环境中定义的变量和函数,而不能直接访问局部环境中的任何数据;
- 变量的执行环境有助于确定应该何时释放内存;
JavaSvript是一门具有自动垃圾收集机制的编程语言,开发人员不必关心内存分配和回收问题。可以对JavaScript的垃圾收集作 如下总结:
- 离开作用域的值将被自动标记为可以回收,因此将在垃圾收集期间删除;
- “标记清除”是目前主流的垃圾收集算法,这 中算法的思想是给当前不使用的值加上标记,然后再回收其内存;
- 另一种垃圾收集算法是“引用计数”,这种算法的思想是跟踪记录所有值被引用的次数。JavaScript引擎目前都不再使用这种算法;但在IE中访问非原生JavaScript对象(如DOM元素)时,这种算法仍然可能会导致问题;
- 当代码中存在循环引用现象时,“引用计数”算法就会导致问题;
- 解除变量的引用不仅有助于消除循环引用现象,而且对垃圾收集也有好处。为了确保有效的回收内存,应该及时解除不再使用的全局对象,全局对象属性以及循环引用变量的作用;