龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

面向对象的JavaScript基本知识指南大全(1)(2)

时间:2013-03-06 14:58来源:未知 作者:admin 点击:
分享到:
确保属性值的私有性 请注意:在前一个例子中,我们只要调用bob.age,就能获得bob.age的值。此外,我们可以在程序中任何地方将bob.age设成自己喜欢的任何

确保属性值的私有性

请注意:在前一个例子中,我们只要调用bob.age,就能获得bob.age的值。此外,我们可以在程序中任何地方将bob.age设成自己喜欢的任何值。

  1. var bob = new Student("bob""male", 15, 10, "Marlow"); 
  2.     alert(bob.age); //输出15 
  3.     bob.age = 9; 
  4.     alert(bob.age); //输出9; 

看起来没有害处,是不是?那么请考虑这个例子。

  1. var bob = new Student("bob""male", 15, 10, "Marlow"); 
  2. alert(bob.age); //输出15 
  3. bob.age = -50; 
  4. alert(bob.age); //输出-50; 

我们看到了年龄是负值:这在逻辑上不一致。我们只要使用私有变量(private variable)这个概念,就可以防止诸如此类的问题、确保数据的完整性。私有变量是只能在类本身里面访问的变量。虽然JavaScript再次没有用于确保变量私有性的保留字,但是JavaScript为我们提供了创造同样效果的工具。

  1. function Student(name, gender, age, grade, teacher) 
  2.     { 
  3.         var studentName = name; 
  4.         var studentGender = gender; 
  5.         var studentGrade = grade; 
  6.         var studentTeacher = teacher; 
  7.         var studentAge = age; 
  8.         this.getAge = function() 
  9.         { 
  10.             return studentAge; 
  11.         }; 
  12.         this.setAge = function(val) 
  13.         { 
  14.             studentAge = Math.abs(val); //使用绝对值,确保年龄是正值 
  15.         }; 
  16.     } 
  17.     var bob = new Student("bob""male", 15, 10, "Marlow"); 
  18.     alert(bob.studentAge); //未定义,因为年龄在类定义中受私有保护 
  19.     alert(bob.getAge()); //输出15 
  20.     bob.setAge(-20); 
  21.     alert(bob.getAge()); //输出20 

通过使用变量声明,而不是直接为类赋予属性,我们保护了年龄数据的完整性。由于JavaScript使用了函数范围,我们的类里面声明的变量在该类外面是无法访问的,除非由该类里面的函数明确返回。方法this.getAge将学生年龄返回到调用环境,它名为访问器方法(Accessor method)。访问器方法返回属性的值,那样该值就可以在类的外面使用,而不影响类里面的值。按照约定,访问器方法的前缀通常是“get”这个字。方法this.setAge名为更改器方法(Mutator method)。其目的是,改变属性的值,保护完整性。

我们已看到了在类里面使用访问器方法和更改器方法来保护数据完整性的好处。不过,为每个属性创建访问器方法带来了极其冗长的代码。

  1. function Student(name, gender, age, grade, teacher) 
  2.     var studentName = name; 
  3.     var studentGender = gender; 
  4.     var studentGrade = grade; 
  5.     var studentTeacher = teacher; 
  6.     var studentAge = age; 
  7.     this.getName = function() 
  8.     { 
  9.         return studentName; 
  10.     }; 
  11.     this.getGender = function() 
  12.     { 
  13.         return studentGender; 
  14.     }; 
  15.     this.getGrade = function() 
  16.     { 
  17.         return studentGrade; 
  18.     }; 
  19.     this.getTeacher = function() 
  20.     { 
  21.         return studentTeacher; 
  22.     }; 
  23.     this.getAge = function() 
  24.     { 
  25.         return studentAge; 
  26.     }; 
  27.     this.setAge = function(val) 
  28.     { 
  29.         studentAge = Math.abs(val); //使用绝对值,确保年龄是正值 
  30.     }; 
  31. var bob = new Student("bob""male", 15, 10, "Marlow"); 
  32. alert(bob.studentGender); //未定义,因为性别在类定义中受私有保护 
  33. alert(bob.getGender()); //输出 'male' 

教我C++的教授总是说:“如果你发现自己反复输入相同的代码,这表明你的做法不对。”的确,有更高效的方法可以为每个属性创建访问器方法。此外,这种机制还不需要以特定次序来调用函数参数。

动态创建的访问器方法

这个演示来自John Resig所写的《专业JavaScript技巧》一书(我强烈建议各位读一读。前三章就非常值得一读)。

  1. function Student( properties ) 
  2.     { 
  3.         var $this = this;  //将类范围存储到名为$this的变量中 
  4.         //迭代处理对象的属性 
  5.         for ( var i in properties ) 
  6.         { 
  7.             (function(i) 
  8.             { 
  9.                 // 动态创建访问器方法 
  10.                 $this"get" + i ] = function() 
  11.                 { 
  12.                     return properties[i]; 
  13.                 }; 
  14.             })(i); 
  15.         } 
  16.     } 
  17.     // 创建一个新的用户对象实例,并传递属性的对象 
  18.     var student = new Student( 
  19.     { 
  20.         Name: "Bob"
  21.         Age: 15, 
  22.         Gender: "male" 
  23.     }); 
  24.     alert(student.name); //因属性是私有的而未定义 
  25.     alert(student.getName()); //输出 "Bob" 
  26.     alert(student.getAge()); //输出15 
  27.     alert(student.getGender()); //输出 "male" 

通过实施这个技巧,我们不但确保自己的属性是私有的,而且不需要按次序来指定参数。下面的类实例化都相同:

  1. var student = new Student( 
  2.     { 
  3.         Name: "Bob"
  4.         Age: 15, 
  5.         Gender: "male" 
  6.     }); 
  7.     var student = new Student( 
  8.     { 
  9.         Age: 15, 
  10.         Name: "Bob"
  11.         Gender: "male" 
  12.     }); 
  13.     var student = new Student( 
  14.     { 
  15.         Gender: "male"
  16.         Age: 15, 
  17.         Name: "Bob" 
  18.     }); 

<< 上一页 1 23
精彩图集

赞助商链接