《javascript设计模式》学习笔记一：Javascript面向对象程序设计对象成员的定义分析

本文实例讲述了Javascript面向对象程序设计对象成员的定义。分享给大家供大家参考，具体如下：

序：

刚接触javascript的时候，觉得这语言有点儿摸不着门道，感觉这玩意儿太难学了，没什么规范，没什么像样的手册，而且还跟html，dom，css打交道，更觉得一团糟，代码可读性也很差，面向过程的勉强能看懂，看面向对象的代码简直就是杯具，各种括号啊，后来了解ajax，了解了jquery，知道了很多网页特效都是用javascript写的，才慢慢有了好感，来了bd以后写javascript和php一半一半才渐渐发现javascript的强大和灵活，看了《javascript权威指南》和《javascript高级编程》之后发现，正是因为她的灵活，铸就了她的伟大，接下来我会把学习javascript中的一些内容记录下来，一方面加深自己的印象，另一方面也算是分享吧。

1.公有成员

我们都知道，在javascript里，万物皆对象，因此定义一个对象和公有成员最简单不过了：

var obj = {
 aa:"I'm public"
}

但是这个对象只是一个空壳，不论在java还是C++/C#中对象都是有构造函数的，怎么能让定义对象的时候，同时定义他的构造函数呢？在java/C++中，构造函数其实是对象的一个成员函数，但是在javascript中我们要换一种思维，如果仅仅定义构造函数：

var obj = {
 aa:"I'm public",
 _construct:function(){
 }
}

我们在new这个对象的时候，构造函数是不会“自动”执行的，所以想想之前说到的“万物皆对象”，如何让一个对象在定义的时候执行一个函数呢？那就是定义一个函数对象：）

var obj = function(mem1){
 this.aa = mem1;
};

这样我们就定义了一个具有“构造函数”的对象了

2.公有方法

定义公有方法的方式和定义公有成员的方式一样，只不过这个成员是一个函数，而不是一个string或者其他类型的对象

var obj = fucntion(mem1){
 this.a = mem1;
 this.getA = function(){
  return this.a;
 }
};

3.私有成员和私有方法

我们知道虽然javascript中有对象的概念，但是却没有“私有”的概念，也就是说我们不能像java/C++一样使用关键词private来定义一个私有成员，只要是成员，就是公有的，那么怎么实现私有成员呢？我们首先考虑这个问题：什么叫私有成员？私有成员就是在对象的外部不能直接访问的成员，比如对象obj，如果我们能直接引用obj.a那么他就是公有的，如果引用obj._b，提示错误或者抛出异常，那么_b就是私有的。实现私有成员也就是实现在类的外部不能访问他的某种成员，而只能通过他的成员函数访问。在1中已经说了，我们现在定义的是函数对象，那么也就是说要实现在函数的外部不能访问他的某种成员，而只能通过他的成员函数访问。函数的成员函数这叫什么话？我们换一种说法：函数内部定义的函数。那么我们要实现的就是在函数的外部不能访问，但是在函数内部定义的函数能访问的某种变量，如果了解javascript特性的开发人员，应该对黑体的这句话感觉似曾相识，没错，这就是闭包的概念。

关于闭包的概念在这儿就不解释了，这个概念可以当作一个专题来讲了，太复杂了，可以看看《javascript高级编程》或者google之。

有了上面的想法，就可以改造一下上面的对象定义。

var obj = function(){
 //private member
 var _b;
 //public member
 this.a = mem1;
 
 //constructor
 _b = mem2;

 //private method definations
 function _getB(){return _b};

 //public method definations
 this.getA = function(){return this.a;};
 this.getB = function(){return _getB();};
 this.setA = fucntion(){……};
 this.setB = fucntion(){……};
}

由于局部变量_b是在函数作用域定义的，因此在函数对象外部无法访问，同样“局部”函数_getB也是在函数作用域中定义的，也无法在函数对象外部访问，但是同是在函数作用域定义的函数getA和getB由于闭包的作用，即使对象（函数）定义时，对象（函数）的代码执行完了（即离开局部作用域），依然能够访问局部变量（成员）_b和局部变量（函数）_getB，从而实现了私有成员和私有函数。

4.静态变量和静态函数

没错，是“静态变量和静态函数”，当我看到这里的时候也很惊讶，闭包实现私有也就算了，怎么还要搞出来一个静态变量和静态函数？熟悉javascript的都知道原型（prototype）的概念，在我看来，其实原型类似于类属性和类方法，但是他在运行期是可以任意改变的，这里再介绍一下javascript中实现静态变量和静态函数

在私有成员和私有方法中，介绍了可以用闭包来实现将“成员”定义在函数作用域中，从而限制其访问，那么如何实现所有对象共享的成员和函数呢？所谓的所有对象共享，换一种思路其实就是这种成员的作用域和其他成员的作用域不同，还是考虑闭包的概念，我们在私有成员和私有方法中定义的对象，对象定义时他的作用域其实就是整个函数作用域，在函数中定义所有内容在new的时候都会执行一遍，那怎么做才能让对象在new的时候其静态成员和静态函数不再被定义呢？别忘了，我们在定义对象的时候他还是个函数，我们写了这么多函数，为啥没写return呢？因为我们一直把他当对象来用，改把人家当成函数看了吧，如果我们再return一个对象的话，那么在new的时候，就只会new我们return的对象了，因此，在外层函数定义的内容只在定义的时候执行，在new的时候就不再执行了。有人又问了，那我们的对象就不再是外层函数对象了，在他里面定义的内容咋用啊？别忘了“闭包”这个概念，return的函数也是在（外层）函数作用域内定义的函数，他“有权”访问外层函数定义的内容，因此，静态变量和静态函数的定义如下：

var obj = (function(){
 
 //static attribute
 var obj_num = 0;
 //static method
 function add(){obj_num++};
 
 return function(mem1){
  this.a = mem1;
  this.func = function(){};
  
  //blow you can write some constructor codes
 }

})();//最早看到这一行我就头大，现在看起来是多么的艺术啊^_^

通常静态方法的时候都是私有的，如果想定义公有的静态方法，可以加上：

obj.pubmethod = function(){
};

5.常量

什么是常量？常量就是对象中不能改变的量，什么又叫对象中不能改变的量？就是说无论在对象内部还是外部都不能改变的量，私有变量本身在外部无法改变，内部无法改变的话也就是没有一个能改变其值的函数即可^_^

以上便是关于javascript中定义最基础对象的一些方法和技巧了，语言越灵活，留给人们思考的空间也就更广阔。

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

最新评论