利用匿名函数形成闭包可以在javascript中实现面向对象语言中的访问权限控制。即在javascript中也能实现私有变量。
参考网址：http://www.crockford.com/javascript/private.html
1.构造私有变量和公有变量
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
<html xmlns=
"http://www.w3.org/1999/xhtml"
>
<head>
<title>JsClosure2</title>
<script type=
"text/javascript"
>
function
ClassFunc() {
this
.publicMem =
"public"
;
var
privateMem =
"private"
;
}
function
closureTestClick() {
var
test =
new
ClassFunc();
alert(test.publicMem);
alert(test.privateMem);
}
</script>
</head>
<body>
<input type=
"button"
value=
"closureTest"
onclick=
"closureTestClick()"
/>
</body>
</html>
|
结果：alert(test.publicMem);可以正常显示，alert(test.privateMem);显示“undefined”。
结果分析：通过var定义的私有变量外界无法访问，如果要外界可以访问，需要构造get，set方法。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
<script type=
"text/javascript"
>
function
ClassFunc() {
this
.publicMem =
"public"
;
var
privateMem =
"private"
;
this
.getprivateMem =
function
() {
return
privateMem;
}
this
.setprivateMem =
function
(val) {
privateMem = val;
}
}
function
closureTestClick() {
var
test =
new
ClassFunc();
alert(test.getprivateMem());
test.setprivateMem(
"private changed!"
);
alert(test.getprivateMem());
}
</script>
|
结果：如预期的一样显示“private”和“private changed!”。
2.私有函数
与私有变量的定义类似，不是通过this来定义的函数都是私有函数。
私有函数外部无法调用，但是可以通过内部的公有函数来调用。
测试代码如下：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
|
<script type=
"text/javascript"
>
function
ClassFunc() {
this
.publicMem =
"public"
;
var
privateMem =
"private"
;
this
.getprivateMem =
function
() {
return
privateMem;
}
this
.setprivateMem =
function
(val) {
privateMem = val;
}
function
privateFunc() {
privateMem =
"private changed!"
;
// 此处的赋值并没有如预期的那样给test.publicMem成员赋值
this
.publicMem =
"public changed!"
;
}
this
.callprivateFunc =
function
() {
privateFunc();
}
}
function
closureTestClick() {
var
test =
new
ClassFunc();
// 变更前
alert(
"privateMem="
+test.getprivateMem());
alert(
"publicMem="
+ test.publicMem);
test.callprivateFunc();
// 变更后
alert(
"privateMem="
+ test.getprivateMem());
alert(
"publicMem="
+ test.publicMem);
}
</script>
|
变更后的结果privateMem如预期一样，而publicMem仍然是“public”，并没有改变。
这是因为函数privateFunc() 中this.publicMem 的this已经不是指向test这个js对象了。
关于this的指向为什么会变，参见我的第三篇文章，介绍javascript的scope的。
本例中为了能够修改test的publicMem属性，有两个方法：
其一，也是常用的，直接在外部修改publicMem，因为publicMem是公有变量。
|
1
|
test.publicMem =
"public changed!"
;
|
其二，在函数callprivateFunc 和privateFunc中增加一个参数，显示的传入test对象。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
|
<script type=
"text/javascript"
>
function
ClassFunc() {
this
.publicMem =
"public"
;
var
privateMem =
"private"
;
this
.getprivateMem =
function
() {
return
privateMem;
}
this
.setprivateMem =
function
(val) {
privateMem = val;
}
function
privateFunc(obj) {
privateMem =
"private changed!"
;
// 直接给obj.publicMem赋值
obj.publicMem =
"public changed!"
;
}
this
.callprivateFunc =
function
(obj) {
privateFunc(obj);
}
}
function
closureTestClick() {
var
test =
new
ClassFunc();
// 变更前
alert(
"privateMem="
+test.getprivateMem());
alert(
"publicMem="
+ test.publicMem);
test.callprivateFunc(test);
// 变更后
alert(
"privateMem="
+ test.getprivateMem());
alert(
"publicMem="
+ test.publicMem);
}
</script>
|
标签:
javascript学习
本文转自wang_yb博客园博客，原文链接：http://www.cnblogs.com/wang_yb/archive/2010/05/06/1729070.html，如需转载请自行联系原作者
