进阶教程:编写高级JavaScript应用代码
1、创建高级对象
1 p5 y/ O& \% K" e5 ?* v: e" [我爱电脑技术社区--打造最好的电脑技术自学交流平台
( n$ ^/ E2 y0 _5 w+ k, y电脑,技术,IT,学习,交流,网络安全,QQ,硬件,软件,编程,教程,建站使用构造函数来创建对象 我爱电脑技术论坛3 Z4 z8 E3 t! W' f R* e
电脑,技术,IT,学习,交流,网络安全,QQ,硬件,软件,编程,教程,建站/ I2 m" n* h. P( Q
构造函数是一个函数,调用它来例示并初始化特殊类型的对象。可以使用 new 关键字来调用一个构造函数。下面给出了使用构造函数的新示例。 我爱电脑技术论坛5 i2 Q* w; j) a4 O4 {/ [
打造最好的电脑自学交流论坛$ I- Q2 S9 u+ X2 K
var myObject = new Object(); // 创建没有属性的通用对象。
, `; I2 h7 F/ q/ w0 q O# D电脑,技术,IT,学习,交流,网络安全,QQ,硬件,软件,编程,教程,建站2 }. C' {# @& g! w$ q- M
var myBirthday = new Date(1961, 5, 10); // 创建一个 Date 对象。 电脑,技术,IT,学习,交流,网络安全,QQ,硬件,软件,编程,教程,建站' A N: N7 W1 Y3 J9 Y" b# x
www.520diannao.com4 V5 c; B2 z# H! j, V& ^
var myCar = new Car(); // 创建一个用户定义的对象,并初始化其属性。 我爱电脑技术论坛1 y) G+ g; Y }$ o- W" r6 l P
& h7 \& c) [) W9 y" T2 }
通过构造函数将一个参数作为特定的 this 关键字的值传递给新创建的空对象。然后构造函数负责为新对象执行适应的初始化(创建属性并给出其初始值)。完成后,构造函数返回它所构造的对象的一个参数。
: |& H9 a& e- U: O# f电脑,技术,IT,学习,交流,网络安全,QQ,硬件,软件,编程,教程,建站
4 i M! p$ ?5 A Q, Wwww.520diannao.com编写构造函数 www.520diannao.com: f, |: h* d* S0 A
* M; p: i( ]- h1 _6 q$ C9 t: z
可以使用 new 运算符结合像 Object()、Date() 和 Function() 这样的预定义的构造函数来创建对象并对其初始化。面向对象的编程其强有力的特征是定义自定义构造函数以创建脚本中使用的自定义对象的能力。创建了自定义的构造函数,这样就可以创建具有已定义属性的对象。下面是自定义函数的示例(注意 this 关键字的使用)。
# t* E: @. J& L0 h5 w4 |; X我爱电脑技术社区--打造最好的电脑技术自学交流平台
" m8 a, b Z- V3 \8 G7 kfunction Circle (xPoint, yPoint, radius) { 打造最好的电脑自学交流论坛0 s$ Q5 [( Q) Q: A6 W
. `& W3 K9 ^( o2 `3 ~9 J, u3 O5 {打造最好的电脑自学交流论坛this.x = xPoint; // 圆心的 x 坐标。 我爱电脑技术社区--打造最好的电脑技术自学交流平台2 x9 |/ [2 m; o4 y0 F3 U9 p
电脑,技术,IT,学习,交流,网络安全,QQ,硬件,软件,编程,教程,建站" ?2 S3 t4 f( Q# c) i9 g3 M
this.y = yPoint; // 圆心的 y 坐标。
# S y0 K# Q! O$ R4 J: K# f: f我爱电脑技术论坛我爱电脑技术社区--打造最好的电脑技术自学交流平台2 T( {: k4 @' {! [/ S
this.r = radius; // 圆的半径。 } www.520diannao.com( ?& x" I4 k! N9 u# B
! U5 X6 f! D8 O' d4 K打造最好的电脑自学交流论坛
6 a! O% y/ a( O+ X- D1 ^7 o调用 Circle 构造函数时,给出圆心点的值和圆的半径(所有这些元素是完全定义一个独特的圆对象所必需的)。结束时 Circle 对象包含三个属性。下面是如何例示 Circle 对象。 var aCircle = new Circle(5, 11, 99); 我爱电脑技术社区--打造最好的电脑技术自学交流平台1 Y+ _$ r h! W- }/ e
: E5 z+ T- l" v+ K7 `$ y电脑,技术,IT,学习,交流,网络安全,QQ,硬件,软件,编程,教程,建站使用原型来创建对象 我爱电脑技术社区--打造最好的电脑技术自学交流平台4 {/ j) C( W X. j- X7 s! m- F4 E
打造最好的电脑自学交流论坛0 R6 s7 U* ~! z" J
在编写构造函数时,可以使用原型对象(它本身是所有构造函数的一个属性)的属性来创建继承属性和共享方法。原型属性和方法将按引用复制给类中的每个对象,因此它们都具有相同的值。可以在一个对象中 更改原型属性的值,新的值将覆盖默认值,但仅在该实例中有效。属于这个类的其他对象不受此更改的影响。 6 d* \- j" Q* C; Z( b
电脑,技术,IT,学习,交流,网络安全,QQ,硬件,软件,编程,教程,建站* ?9 G* ^: u+ E; \0 R' E4 D
9 Q2 x1 q( d( ]; f6 |1 K' l. v0 m我爱电脑技术社区--打造最好的电脑技术自学交流平台下面给出了使用自定义构造函数的示例,Circle(注意 this 关键字的使用)。
3 V% O$ m) y0 S+ V打造最好的电脑自学交流论坛
! G! b' w! d# q: \( p电脑,技术,IT,学习,交流,网络安全,QQ,硬件,软件,编程,教程,建站我爱电脑技术论坛* d3 ~) `/ `0 P8 M4 P# v' B b9 S {
Circle.prototype.pi = Math.PI;
) `5 H, w2 C) S( [& ?6 z电脑,技术,IT,学习,交流,网络安全,QQ,硬件,软件,编程,教程,建站
+ f3 p$ `9 _! ^/ y' Ifunction ACirclesArea () { return this.pi * this.r * this.r; 我爱电脑技术社区--打造最好的电脑技术自学交流平台, Y5 z3 O8 F b5 n( _
www.520diannao.com F9 C; |* j9 _; F2 _
// 计算圆面积的公式为 ?r2。 } Circle.prototype.area = ACirclesArea; www.520diannao.com( C9 x) p5 B& z; W6 c k
电脑,技术,IT,学习,交流,网络安全,QQ,硬件,软件,编程,教程,建站; \2 x/ l2 f9 u! D& O7 N1 V
// 计算圆面积的函数现在是 Circle Prototype 对象的一个方法。
7 K8 I# ^3 ?$ G B9 F! r我爱电脑技术社区--打造最好的电脑技术自学交流平台我爱电脑技术论坛 F! p1 }5 w0 q6 Q2 T
var a = ACircle.area();
' Q q8 Y6 X# y! E' Q电脑,技术,IT,学习,交流,网络安全,QQ,硬件,软件,编程,教程,建站我爱电脑技术论坛/ u) h, D! \5 m7 E8 h( O" H5 A3 z3 D8 z
// 此为如何在 Circle 对象上调用面积函数。
( e0 m1 A* k. w) k( G0 H$ R3 w打造最好的电脑自学交流论坛9 \( j+ O& T& P# F; f( ?. ]
使用这个原则,可以给预定义的构造函数(都具有原型对象)定义附加属性。
" Q4 \7 [* w9 }3 Twww.520diannao.com
% R- l" P, B, e }5 t打造最好的电脑自学交流论坛例如,如果想要能够删除字符串的前后空格(与 VBScript 的 Trim 函数类似),就可以给 String 原型对象创建自己的方法。
( e# p* u8 D/ t3 }6 I
0 y# o+ U4 n' S T7 g) J我爱电脑技术论坛// 增加一个名为 trim 的函数作为 我爱电脑技术社区--打造最好的电脑技术自学交流平台; t% Z1 B2 s y: [, t
v6 w- ~9 N' |7 R% i, N5 A9 bwww.520diannao.com// String 构造函数的原型对象的一个方法。
0 c5 q; `* L8 U. _+ }0 Q$ e; v* ?
/ b6 H# w4 y8 T6 x* }8 e& l电脑,技术,IT,学习,交流,网络安全,QQ,硬件,软件,编程,教程,建站String.prototype.trim = function() { 电脑,技术,IT,学习,交流,网络安全,QQ,硬件,软件,编程,教程,建站4 P% y, U5 T5 C5 c( c8 [& v
www.520diannao.com( R7 v! S/ i- \6 {
// 用正则表达式将前后空格 电脑,技术,IT,学习,交流,网络安全,QQ,硬件,软件,编程,教程,建站* a6 X9 `- B$ P" D0 i: @* w' t
8 g# {1 o4 |) D4 Q+ f5 B! t& o
// 用空字符串替代。 www.520diannao.com% g3 W2 @; T7 H" A! X
1 N6 Q& R* f3 y' I, W8 y我爱电脑技术社区--打造最好的电脑技术自学交流平台return this.replace(/(^\s*)|(\s*$)/g, ""); }
' \8 z* N2 o2 c* ?; v) ~( E, }+ a打造最好的电脑自学交流论坛
3 G: j+ N5 M% N5 h; P& n电脑,技术,IT,学习,交流,网络安全,QQ,硬件,软件,编程,教程,建站// 有空格的字符串 var s = " leading and trailing spaces ";
) Q7 m2 J: ^5 D. d1 W5 W* Z9 ~3 z# p
// 显示 " leading and trailing spaces (35)" window.alert(s + " (" + s.length + ")");
0 J3 }; v6 s5 P5 Y; F9 @' m电脑,技术,IT,学习,交流,网络安全,QQ,硬件,软件,编程,教程,建站www.520diannao.com2 r4 X5 V5 G6 H& t2 x) |# B
// 删除前后空格 s = s.trim(); 我爱电脑技术社区--打造最好的电脑技术自学交流平台+ o) d8 u+ d& O3 P
1 y4 B: U1 j* W. Y我爱电脑技术论坛// 显示"leading and trailing spaces (27)"
6 ~/ U6 g! ?# x0 x; U! @我爱电脑技术社区--打造最好的电脑技术自学交流平台
0 C! w3 l0 P% [; ?( b. E打造最好的电脑自学交流论坛window.alert(s + " (" + s.length + ")");