JavaScript 常用功能总结讲义.doc

本文主要总结了JavaScript 常用功能总结，如一些常用的JS 对象，基本数据结构，功能函数等，还有一些常用的设计模式。 ? 目录： 众所周知，JavaScript是动态的面向对象的编程语言，能够实现以下效果： 1. 丰富Web 网页功能 2. 丰富Web界面 3. 实现本地或远程存储。 4. 实现分布式网络应用的前端组件，并在后台进行数据存储管理。 5. 使用JavaScript可以实现完整的分布式Web 应用。 ? JavaScript 中的数据类型 JavaScript 提供三种元数据类型，string，number，和Boolean,可使用typeof(v) 测试变量V 的类型，typeof(v)===number 提供五种基本的引用类型：Object, Array, Function, Date 及RegExp。数组，函数，日期和正则表达式是特殊类型，但是严格来讲，日期和正则表达式是元数据类型，可封装在其他对象中。 JS 中变量类型，数组元素类型，函数参数以及返回值的类型不需要声明类型，类型之间的转换是自动执行的。 变量值可以是： 1. 数值：如字符串，数字或布尔值。 2. 对象引用： 可引用典型对象，也可以是数据，函数，日期或正则表达式。 3. 特殊数据值，Null,是典型的用于初始化对象的默认值。 4. 特殊数据undefined，常用于已被定义，但未赋值的变量。 string 是一系列的Unicode 字符串，String 如“hello world”,’A3FO’或空字符串“”，字符串连接可通过+操作符来执行，也可以使用=号来验证两个字符串是否相等； numeric 表示64位的浮点数，在JS 中没有明显的区分整形和浮点数，如果一个表达式的值不等于某个数字，那么它的值可设为NaN,表示非数字，可联合isNaN使用。 如下表是详细的类型测试和转换 ? 目前，JavaScript，ES5提供两种作用域类型：全局变量及函数作用域，没有块作用域。块作用域的范围不太明确，所以应当避免块作用域的使用。如下代码，尽管是开发人员常用的Pattern,却是一个陷阱。 所有的变量声明最好是在函数的开始位置。在JS，ES6版本中支持块作用域，采用关键字let 定义变量。 从ES5开始， 严格模式用于检测运行时的错误，在严格模式下，所有的变量必须声明，如果给未声明的变量赋值会抛出异常。 在JavaScript 文件或Script元素内，通过输入以下代码切换到严格模式： 建议采用严格模式，除非项目依赖的库不兼容严格模式。 JS中的对象概念不同于OO或UML中的对象，尤其是在JS中对象不需要实例化，也可以有自己的方法，不仅有property slots，也包含method slots。除此之外还包含key-value slots；因此他们总共有三种Slots， 而常见的对象只有属性槽。 JS对象是由一系列的name-value 组成的Slot。而name 可以是属性名称，函数名称，映射名称。对象可通过一种特定的方式创建，使用JS 对象声明语法（JSON），而不需要实例化一个类。代码如下： 如果Slot 的name 是合法的JS 标识符，则Slot可表示属性，方法，或键值对。如果名称含有一些特殊字符如空格，则Slot代表键值对，是一种映射元素，如下： Property Slot? 中的name: 1. data value 属性，在这种情况下，Value 表示变量值，或是值表达式。 2. object-valued 属性，Value 表示对象的引用或对象表达式。 method Slot 表示的是JS 函数，它的值是JS 函数定义表达式： Object 属性可以使用两种方法来访问： 1. 使用”.”(与C++ 和Java的类似)： 2. 使用map： person1[lastName] = Smith JS 对象能够用于各种途径，以下是五种常见情况： 1. Record是Property slots集合，如： 2. map 如Hash map，数组，hash表； 3. Untyped 对象不需要实例化类，它可能包含property slot 和function slots: Array List JS array 即逻辑数据结构，通过数组下标访问。如数组初始化： JS数组可动态增长，因此数组索引有可能比实际元素个数多，如下： 数组循环： for (i=0; i a.length; i++) { ...} 数组是特殊的对象类型，因此有很多情况下，需要判断变量是否为数组类型，使用IsArray方法：Array.isArray( a)。 添加新元素到数组： 如果数组较小，可使用foreach 循环： JS 也提供克隆数组的函数： ma