站内搜索: 请输入搜索关键词

当前页面: 开发资料首页Javascript 专题JavaScript中的高级特性及特别对象

JavaScript中的高级特性及特别对象

摘要: JavaScript中的高级特性及特别对象


  一,编写构造函数

  可以使用 new 运算符结合像 Object()、Date() 和 Function() 这样的预定义的构造函数来创建对象并对其初始化。面向对象的编程其强有力的特征是定义自定义构造函数以创建脚本中使用的自定义对象的能力。创建了自定义的构造函数,这样就可以创建具有已定义属性的对象。下面是自定义函数的示例(注意 this 关键字的使用)。

function Circle (xPoint, yPoint, radius) {
this.x = xPoint; // 圆心的 x 坐标
this.y = yPoint; // 圆心的 y 坐标
this.r = radius; // 圆的半径
}

  调用 Circle 构造函数时,给出圆心点的值和圆的半径(所有这些元素是完全定义一个独特的圆对象所必需的)。结束时 Circle 对象包含三个属性。下面是如何例示 Circle 对象。

var aCircle = new Circle(5, 11, 99);

  二,使用原型来创建对象

  在编写构造函数时,可以使用原型对象(它本身是所有构造函数的一个属性)的属性来创建继承属性和共享方法。原型属性和方法将按引用复制给类中的每个对象,因此它们都具有相同的值。可以在一个对象中更改原型属性的值,新的值将覆盖默认值,但仅在该实例中有效。属于这个类的其他对象不受此更改的影响。下面给出了使用自定义构造函数的示例,Circle(注意 this 关键字的使用)。

Circle.prototype.pi = Math.PI;
function ACirclesArea () {
return this.pi * this.r * this.r; // 计算圆面积
}
Circle.prototype.area = ACirclesArea; // 计算圆面积的函数现在是 Circle Prototype 对象的一个方法
var a = ACircle.area(); // 此为如何在 Circle 对象上调用面积函数

  使用这个原则,可以给预定义的构造函数(都具有原型对象)定义附加属性。例如,如果想要能够删除字符串的前后空格(与 VBScript 的 Trim 函数类似),就可以给 String 原型对象创建自己的方法。

// 增加一个名为 trim 的函数作为
// String 构造函数的原型对象的一个方法。
String.prototype.trim = function() {
return this.replace(/(^\s*)|(\s*$)/g, ""); // 用正则表达式将前后空格
}
var s = " leading and trailing spaces "; // 有空格的字符串
window.alert(s + " (" + s.length + ")");
s = s.trim(); // 删除前后空格
window.alert(s + " (" + s.length + ")");

  三,特别对象、属性和方法

  Error 对象:保存有关错误的信息。

var newErrorObj = new Error()
var newErrorObj = new Error(
number
)
var newErrorObj = new Error(
number,
description
)

  Error 对象的构造函数语法有以下部分:

参数:-number。与错误相联的数字值。如果省略则为零。
-description。描述错误的简短字符串。如果省略则为空字符串。

  说明:每当产生运行时错误,就产生 Error 对象的一个实例以描述错误。该实例有两个固有属性保存错误的描述(description 属性)和错误号(number 属性)。

  错误号是 32 位的值。高 16 位字是设备代码,而低字是实际的错误代码。

  Error 对象也可以用如上所示的语法显式创建,或用 throw 语句抛掉。在两种情况下,都可以添加选择的任何属性,以拓展 Error 对象的能力。

  典型地,在 try...catch 语句中创建的局部变量引用隐式创建的 Error 对象。因此,可以按选择的任何方法使用错误号和描述。

  下面的例子演示了隐式创建 Error 对象的使用:

try {
x = y; // 产生错误。
} catch(e) { // 创建局部变量 e。
response.write(e) // 打印 "[object Error]".
response.write(e.number & 0xFFFF) // 打印 5009。
response.write(e.description) // 打印 "'y' is undefined".
}

  Function 对象:创建新的函数。

  语法 1

function functionName([argname1 [, ...[, argnameN]]]) {
//body
}

  语法 2

functionName = new Function( [argname1, [... argnameN,]] body );

参数:-functionName。必选项。最新创建函数的名称
-argname1...argnameN。可选项。函数接收的参数列表。
-body。可选项。包含调用该函数时被执行的 JScript 代码块的字符串。

  说明:函数 JScript 中的基本数据类型。语法 1 创建在必要时由 JScript 转换为 Function 对象的函数值。JScript 在调用函数时将用语法 2 创建的函数转换为 Fnction 对象。

  语法 1 是 JScript 中创建函数的基本方法。语法 2 是用于显式创建函数对象的另一方法。

  例如,要创建将传递给它的两个参数相加的函数,可以用两种方法中的任一种完成:

  例子 1

function add(x, y) {
return(x + y); // 执行加法并返回结果。
}

  例子 2

var add = new Function("x", "y", "return(x+y)");

  在两种情况下,都可以用如下代码行调用该函数:

add(2, 3);

  注意 在调用函数时,请确保包含了括号和必需的参数。调用函数时不用括号导致返回函数的文本而不是函数执行的结果。

  Object 对象:提供所有 JScript 对象通用的功能。

obj = new Object([value])

参数:-obj。必选项。要赋值为 Object 对象的变量名。
-value。可选项。任意一种 JScript 基本数据类型。(Number、Boolean、或 String。)如果 value 为一个对象,返回不作改动的该对象。如果 value 为 null、undefined,或者没有给出,则产生没有内容的对象。

  说明:Object 对象被包含在所有其它 JScript 对象中;在所有其它对象中它的方法和属性都是可用的。在用户定义的对象中可以重定义这些方法,并在适当的时候通过 JScript 调用。toString 方法是经常被重定义的 Object 方法的例子。

  arguments 属性:为当前执行的 function 对象返回一个arguments 对象。

function.arguments

  function 参数是当前执行函数的名称,可以省略。

  说明:通过 arguments 属性,函数可以处理可变数量的参数。 arguments 对象的 length 属性包含了传递给函数的参数的数目。对于arguments 对象所包含的单个参数,其访问方法与数组中所包含的参数的访问方法相同。

  示例:下面的例子说明了 arguments 属性的用法:

function ArgTest() {
var i, s, numargs = arguments.length;
s = numargs;
if (numargs < 2)
s += " argument was passed to ArgTest. It was ";
else
s += " arguments were passed to ArgTest. They were " ;
for (i = 0; i < numargs; i++) {
s += arguments[i] + " ";
}
return(s);
}

  callee 属性:返回正被执行的 Function 对象,也就是所指定的 Function 对象的正文。

[function.]arguments.callee

  可选项 function 参数是当前正在执行的 Function 对象的名称。

  说明:callee 属性是 arguments 对象的一个成员,仅当相关函数正在执行时才可用。

  callee 属性的初始值就是正被执行的 Function 对象。这允许匿名的递归函数。

  示例:

function factorial(n) {
if (n <= 0)
return 1;
else
return n * arguments.callee(n - 1)
}
print(factorial(3));

  要求:版本5.5或以上。

  caller 属性:返回一个对函数的引用,该函数调用了当前函数。

functionName.caller

  functionName 对象是所执行函数的名称。

  说明:对于函数来说,caller 属性只有在函数执行时才有定义。 如果函数是由 JScript 程序的顶层调用的,那么 caller 包含的就是 null 。

  如果在字符串上下文中使用 caller 属性,那么结果和 functionName.toString 一样,也就是说,显示的是函数的反编译文本。

  下面的例子说明了 caller 属性的用法:

function CallLevel() {
if (CallLevel.caller == null)
return("CallLevel was called from the top level.");
else
return("CallLevel was called by another function.");
}

  constructor 属性:表示创建对象的函数。

object.constructor

  必需的 object是对象或函数的名称。

  说明:constructor 属性是所有具有 prototype 的对象的成员。它们包括除 Global 和 Math 对象以外的所有 JScript 固有对象。constructor 属性保存了对构造特定对象实例的函数的引用。

  例如:

x = new String("Hi");
if (x.constructor == String) // 进行处理(条件为真)。

function MyFunc {
// 函数体。
}
y = new MyFunc;
if (y.constructor == MyFunc) // 进行处理(条件为真)。

  description 属性:返回或设置与特定错误相联系的描述字符串。

object.description [= stringExpression]

  description 属性的语法组成部分如下:

参数:-object。必选项。Error 对象的任意实例。
-stringExpression。可选项。包含错误描述的字符串表达式。

  说明:description 属性包含与特定错误相联系的错误信息字符串。使用包含在这个中的值,来警告用户发生了一个不能或不想处理的错误。

  prototype 属性:返回对象类型原型的引用。

objectName.prototype

  objectName 参数是对象的名称。

  说明:用 prototype 属性提供对象的类的一组基本功能。 对象的新实例“继承”赋予该对象原型的操作。

  例如,要为 Array 对象添加返回数组中最大元素值的方法。 要完成这一点,声明该函数,将它加入 Array.prototype, 并使用它。

function array_max( ) {
var i, max = this[0];
for (i = 1; i < this.length; i++) {
if (max < this[i])
max = this[i];
}
return max;
}
Array.prototype.max = array_max;
var x = new Array(1, 2, 3, 4, 5, 6);
var y = x.max( );

  该代码执行后,y 保存数组 x 中的最大值,或说 6。

  所有 JScript 固有对象都有只读的 prototype 属性。可以象该例中那样为原型添加功能,但该对象不能被赋予不同的原型。然而,用户定义的对象可以被赋给新的原型。

  apply 方法:应用某一对象的一个方法,用另一个对象替换当前对象。

apply([thisObj[,argArray]])

参数:-thisObj。可选项。将被用作当前对象的对象。
-argArray。可选项。将被传递给该函数的参数数组。

  说明:如果 argArray 不是一个有效的数组或者不是 arguments 对象,那么将导致一个 TypeError。

  如果没有提供 argArray 和 thisObj 任何一个参数,那么 Global 对象将被用作 thisObj, 并且无法被传递任何参数。

  要求:版本5.5或以上。

  call 方法:调用一个对象的一个方法,以另一个对象替换当前对象。

call([thisObj[,arg1[, arg2[, [,.argN]]]]])

参数:-thisObj。可选项。将被用作当前对象的对象。
-arg1, arg2, , argN。可选项。将被传递方法参数序列。

  说明:call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。

  如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。

  要求:版本5.5或以上。

  concat 方法 (Array):返回一个新数组,这个新数组是由两个或更多数组组合而成的。

array1.concat([item1[, item2[, . . . [, itemN]]]])

参数:-array1。必选项。其他所有数组要进行连接的 Array 对象。
-item1,. . ., itemN。可选项。要连接到 array1 末尾的其他项目。

  说明:concat 方法返回一个 Array 对象,其中包含了 array1 和提供的任意其他项目的连接。

  要加的项目(item1 … itemN)会按照从左到右的顺序添加到数组。如果某一项为数组,那么添加其内容到 array1 的末尾。如果该项目不是数组,就将其作为单个的数组元素添加到数组的末尾。

  以下为从源数组复制元素到结果数组:

  对于从正被连接到新数组的数组中复制的对象参数,复制后仍然指向相同的对象。不论新数组和源数组中哪一个有改变,都将引起另一个的改变。

  对于连接到新数组的数值或字符串,只复制其值。一个数组中值有改变并不影响另一个数组中的值。

  示例:下面这个例子说明了使用数组时 concat 方法的用法:

function ConcatArrayDemo() {
var a, b, c, d;
a = new Array(1,2,3);
b = "JScript";
c = new Array(42, "VBScript);
d = a.concat(b, c); // 返回数组 [1, 2, 3, "JScript", 42, "VBScript"]
return(d);
}

  escape 方法:对 String 对象编码以便它们能在所有计算机上可读。

escape(charString)

  必选项 charstring 参数是要编码的任意 String 对象或文字。

  说明:escape 方法返回一个包含了 charstring 内容的字符串值( Unicode 格式)。所有空格、标点、重音符号以及其他非 ASCII 字符都用 %xx 编码代替,其中 xx 等于表示该字符的十六进制数。例如,空格返回的是 "%20" 。

  字符值大于 255 的以 %uxxxx 格式存储。

  注意:escape 方法不能够用来对统一资源标示码 (URI) 进行编码。对其编码应使用 encodeURI 和encodeURIComponent 方法。

  unescape 方法:解码用 escape 方法进行了编码的 String 对象。

unescape(charstring)

  必选项 charstring 参数是要解码的 String 对象。

  说明:unescape 方法返回一个包含 charstring 内容的字符串值。所有以 %xx 十六进制形式编码的字符都用 ASCII 字符集中等价的字符代替。

  以 %uxxxx 格式(Unicode 字符)编码的字符用十六进制编码 xxxx 的 Unicode 字符代替。

  注意:unescape 方法不能用于解码统一资源标识码 (URI)。解该码可使用 decodeURI 和 decodeURIComponent 方法。

  eval 方法:检查 JScript 代码并执行。

eval(codeString)

  必选项 codestring 参数是包含有效 JScript 代码的字符串值。这个字符串将由 JScript 分析器进行分析和执行。

  说明:eval 函数允许 JScript 源代码的动态执行。例如,下面的代码创建了一个包含 Date 对象的新变量 mydate :

eval("var mydate = new Date();");

  传递给 eval 方法的代码执行时的上下文和调用 eval 方法的一样.

  encodeURI 方法:将文本字符串编码为一个有效的统一资源标识符 (URI)。

encodeURI(URIString)

  必选的 URIString 参数代表一个已编码的 URI。

  说明:encodeURI 方法返回一个编码的 URI。如果您将编码结果传递给 decodeURI,那么将返回初始的字符串。encodeURI 方法不会对下列字符进行编码:":"、"/"、";" 和 "?"。请使用 encodeURIComponent 方法对这些字符进行编码。

  要求:版本5.5或以上。

  decodeURI 方法:返回一个已编码的统一资源标识符 (URI) 的非编码形式。

decodeURI(URIstring)

  必要的 URIstring 参数代表一个已编码 URI 的值。

  说明:使用 decodeURI 方法代替已经过时的 unescape 方法。

  decodeURI 方法返回一个字符串值。

  如果 URIString 无效,那么将产生一个 URIError。

  要求:版本5.5或以上。

  encodeURIComponent 方法:将文本字符串编码为一个统一资源标识符 (URI) 的一个有效组件。

encodeURIComponent(encodedURIString)

  必选的 encodedURIString 参数代表一个已编码的 URI 组件。

  说明:encodeURIComponent 方法返回一个已编码的 URI。如果您将编码结果传递给 decodeURIComponent,那么将返回初始的字符串。因为 encodeURIComponent 方法对所有的字符编码,请注意,如果该字符串代表一个路径,例如 /folder1/folder2/default.html,其中的斜杠也将被编码。这样一来,当该编码结果被作为请求发送到 web 服务器时将是无效的。如果字符串中包含不止一个 URI 组件,请使用 encodeURI 方法进行编码。

  要求:版本5.5或以上。

  decodeURIComponent 方法:返回统一资源标识符 (URI) 的一个已编码组件的非编码形式。

decodeURIComponent(encodedURIString)

  必选的 encodedURIString 参数代表一个已编码的 URI 组件。

  说明:URIComponent 是一个完整的 URI 的一部分。

  如果 encodedURIString 无效,将产生一个 URIError。

  要求:版本5.5或以上。

  for...in 语句:对应于一个对象的每个,或一个数组的每个元素,执行一个或多个语句。

for (variable in [object | array])
statements

参数:-variable。必选项。一个变量,它可以是 object 的任一属性或 array 的任一元素。
-object, array。可选项。要在其上遍历的对象或数组。
-statement。可选项。相对于 object 的每个属性或 array 的每个元素,都要被执行的一个或多个语句。可以是复合语句。

  说明:在循环的每次迭代前,variable 被赋予 object 的下一个属性或 array 的下一个元素。然后可以在循环内的任一语句中使用它,就好像正在使用 object 的该属性或 array 的该元素一样。

  当在一个对象上迭代时,没有办法决定或控制把对象的成员赋给 variable 的次序。在数组内将按元素的次序执行迭代,也就是,0、1、2、......

  示例:下面示例说明了 for ... in 语句的用法,它把一个对象用作一个联合数组:

function ForInDemo() {
var a, key, s = ""; // 创建某些变量
a = {"a" : "Athens" , "b" : "Belgrade", "c" : "Cairo"} // 初始化对象
for (key in a) { // 迭代属性
s += a[key] + "
";
}
return(s);
}

  join 方法:返回字符串值,其中包含了连接到一起的数组的所有元素,元素由指定的分隔符分隔开来。

arrayObj.join(separator)

参数:-arrayObj。必选项。Array 对象。
-separator。必选项。是一个 String 对象,作为最终的 String 对象中对数组元素之间的分隔符。如果省略了这个参数,那么数组元素之间就用一个逗号来分隔。

  说明:如果数组中有元素没有定义或者为 null,将其作为空字符串处理。

  示例:下面这个例子说明了 join 方法的用法。

function JoinDemo() {
var a, b;
a = new Array(0,1,2,3,4);
b = a.join("-");
return(b);
}

  pop 方法:移除数组中的最后一个元素并返回该元素。

arrayObj.pop( )

  必选的 arrayObj 引用是一个 Array 对象。

  说明:如果该数组为空,那么将返回 undefined。

  要求:版本5.5或以上。

  push 方法:将新元素添加到一个数组中,并返回数组的新长度值。

arrayObj.push([item1 [item2 [. . . [itemN ]]]])

参数:-arrayObj。必选项。一个 Array 对象。
-item, item2,. . . itemN。可选项。该 Array 的新元素。

  说明:push 方法将以新元素出现的顺序添加这些元素。如果参数之一为数组,那么该数组将作为单个元素添加到数组中。如果要合并两个或多个数组中的元素,请使用 concat 方法。

  要求:版本5.5或以上。

  reverse 方法:返回一个元素顺序被反转的 Array 对象。

arrayObj.reverse( )

  必选项 arrayObj 参数为 Array 对象。

  说明:reverse 方法将一个 Array 对象中的元素位置进行反转。在执行过程中,这个方法并不会创建一个新的 Array 对象。

  如果数组是不连续的,reverse 方法将在数组中创建元素以便填充数组中的间隔。这样所创建的全部元素的值都是 undefined。

  示例:下面这个例子说明了 reverse 方法的用法:

function ReverseDemo() {
var a, l; // 声明变量。
a = new Array(0,1,2,3,4); // 创建数组并赋值。
l = a.reverse(); // 反转数组的内容。
return(l); // 返回结果数组。
}

  slice 方法 (Array):返回一个数组的一段。

arrayObj.slice(start, [end])

参数:-arrayObj。必选项。一个 Array 对象。
-start。必选项。arrayObj 中所指定的部分的开始元素是从零开始计算的下标。
-end。可选项。arrayObj 中所指定的部分的结束元素是从零开始计算的下标。

  说明:slice 方法返回一个 Array 对象,其中包含了 arrayObj 的指定部分。

  slice 方法一直复制到 end 所指定的元素,但是不包括该元素。如果 start 为负,将它作为 length + start处理,此处 length 为数组的长度。如果 end 为负,就将它作为 length + end 处理,此处 length 为数组的长度。如果省略 end ,那么 slice 方法将一直复制到 arrayObj 的结尾。如果 end 出现在 start 之前,不复制任何元素到新数组中。

  示例:在下面这个例子中,除了最后一个元素之外,myArray 中所有的元素都被复制到 newArray 中:

newArray = myArray.slice(0, -1)

  shift 方法:移除数组中的第一个元素并返回该元素。

arrayObj.shift( )

  必选的 arrayObj 引用是一个 Array 对象。

  说明:shift 方法可移除数组中的第一个元素并返回该元素。

  要求:版本5.5或以上。

  unshift 方法:将指定的元素插入数组开始位置并返回该数组。

arrayObj.unshift([item1[, item2 [, . . . [, itemN]]]])

参数:-arrayObj。必选项。一个 Array 对象。
-item1, item2,. . .,itemN。可选项。将插入到该 Array 开始部分的元素。

  说明:unshift 方法将这些元素插入到一个数组的开始部分,所以这些元素将以参数序列中的次序出现在数组中。

  要求:版本5.5或以上。

  splice 方法:从一个数组中移除一个或多个元素,如果必要,在所移除元素的位置上插入新元素,返回所移除的元素。

arrayObj.splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]])

参数:-arrayObj。必选项。一个 Array 对象。
-start。必选项。指定从数组中移除元素的开始位置,这个位置是从 0 开始计算的。
-deleteCount。必选项。要移除的元素的个数。
-item1, item2,. . .,itemN。必选项。要在所移除元素的位置上插入的新元素。

  说明:splice 方法可以移除从 start 位置开始的指定个数的元素并插入新元素,从而修改 arrayObj。返回值是一个由所移除的元素组成的新 Array 对象。

  要求:版本5.5或以上。

</td> </tr> <tr> <td vAlign=top align=left height="100%">
↑返回目录
前一篇: JavaScript实现页面内容在设定时间后消失
后一篇: 关于动态控制 input type="image"对象