A-A+

javascript面向对象编程和对象访问控制实例

2016年01月27日 web前端设计 暂无评论 阅读 4 views 次

本文章介绍了JS面向对象编程和对象访问控制实例,有需要学习的朋友可以参考一下。

Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象。但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有class(类)。

那么,如果我们要把"属性"(property)和"方法"(method),封装成一个对象,甚至要从原型对象生成一个实例对象,我们应该怎么做呢?

一、 生成对象的原始模式

假定我们把猫看成一个对象,它有"名字"和"颜色"两个属性,代码如下:

  1. var Cat = {  
  2.   name : '',  
  3.   color : ''  
  4. }  

现在,我们需要根据这个原型对象的规格(schema),生成两个实例对象,代码如下:

  1. var cat1 = {}; // 创建一个空对象  
  2.   cat1.name = "大毛"// 按照原型对象的属性赋值  
  3.   cat1.color = "黄色";  
  4. var cat2 = {};  
  5.   cat2.name = "二毛";  
  6.   cat2.color = "黑色";  

好了,这就是最简单的封装了,把两个属性封装在一个对象里面。但是,这样的写法有两个缺点,一是如果多生成几个实例,写起来就非常麻烦;二是实例与原型之间,没有任何办法,可以看出有什么联系。

对象访问控制实例,代码如下:

  1. function Cat(name, age){   
  2.     var name = name;   
  3.     this.age = age||1;   
  4.     this.setName = function(sName){   
  5.         this.name = sName;   
  6.     }   
  7.     this.getName = function(){   
  8.         return this.name;   
  9.     }   
  10.     this.setAge = function(nAge){   
  11.         this.age = nAge;   
  12.     }   
  13.     this.getAge = function(){   
  14.         return this.age;   
  15.     }   
  16. }   
  17.     
  18. Cat.prototype.say = function(){   
  19.     console.log('I am '+this.name+', I am '+this.age);   
  20. }   
  21.     
  22. var kk = new Cat('kk');   
  23. console.log(kk.name);//undefined @private   
  24. kk.setName('deeka');   
  25. console.log(kk.getName()); // deeka   
  26. kk.setAge(2);   
  27. console.log(kk.getAge()); // 2   
  28. kk.age = 3;   
  29. console.log(kk.age);//3 @public   
  30. kk.say(); // I am deeka, I am 3  
标签:

给我留言