?　首先需要说明的是，本文将直接讲解创建和使用类的各种技巧，一些基础的东西不再做解释，要理解如何在JavaScript中实现面向对象的设计，请先参考《JavaScript.高级程序设计(第2版)》(前7章)、《javascript.设计模式》(前四章)、《JavaScript.语言精粹》这三部经典之作。

1. var Person = new Class({
2. // Methods
3. initialize: function (name, age) {
4. this.name = name;
5. this.age = age;
6. },
7. log: function () {
8. console.log(this.name + ',' + this.age);
9. }
10. });
11. var mark = new Person('mark', 24);
12. mark.log(); // returns 'mark,24'

1. var Person = new Class(function (name, age) {
2. this.name = name;
3. this.age = age;
4. });
5. Person.implement('log', function () {
6. console.log(this.name + ',' + this.age);
7. });
8. var mark = new Person('mark', 24);
9. mark.log(); // returns 'mark,24'

1. Person.implement('log', function () {
2. console.log(this.name + ',' + this.age);
3. });
4. Person.implement('city', '深圳');

1. Person.implement({
2. 'city': '深圳',
3. 'log': function () {
4. console.log(this.name + ',' + this.age);
5. }
6. });

1. var Person = new Class(function (name, age) {
2. this.name = name;
3. this.age = age;
4. });
5. Person.implement({
6. instanceMethod: function () {
7. console.log('From an instance!');
8. }
9. });
10. Person.extend({
11. classMethod: function () {
12. console.log('From the class itself!');
13. }
14. });
15. var mark = new Person('mark', 24);
16. console.log(typeOf(mark.instanceMethod)); // returns 'function'
17. mark.instanceMethod(); // returns 'From an instance!'
18. console.log(typeOf(mark.classMethod)); // returns 'null'，说明实例是不能调用静态方法的
19. console.log(typeOf(Person.classMethod)); // returns 'function'
20. Person.classMethod(); // returns 'From the class itself!'
21. console.log(typeOf(Person.instanceMethod)); // returns 'null'，同样类也不能直接调用为实例而创建的方法
22. Person.prototype.instanceMethod(); // 类只能通过这种方式调用原型上的方法

1. var Person = (function () {
2. // 私有变量
3. var numOfPersons = 0;
4. // 私有方法
5. var formatName = function (name) {
6. return name.capitalize();
7. };
8. return new Class({
9. initialize: function (name, age) {
10. this.name = name;
11. this.age = age;
12. numOfPersons++;
13. },
14. // 公有方法
15. log: function () {
16. console.log(formatName(this.name) + ',' + this.age);
17. },
18. getNumOfPersons: function () {
19. return numOfPersons;
20. }
21. });
22. })();
23. var mark = new Person('mark', 24);
24. mark.log(); // returns 'mark,24'
25. console.log(mark.getNumOfPersons()); // returns 1

1. var Person = (function () {
2. // 私有变量
3. var name = '';
4. return new Class({
5. initialize: function (v1, v2) {
6. name = v1;
7. this.age = v2;
8. },
9. getName: function () {
10. return name;
11. },
12. setName: function (value) {
13. name = value;
14. },
15. getAge: function () {
16. return this.age;
17. },
18. setAge: function (value) {
19. this.age = value;
20. }
21. });
22. })();
23. var mark = new Person('mark', 24);
24. console.log(mark.getName()); // 'mark'
25. mark.setName('grey');
26. console.log(mark.getName()); // 'grey'
27. console.log(mark.getAge()); // 24
28. var john = new Person('john', 18);
29. console.log(john.getName()); // 'john'
30. console.log(john.getAge()); // 18
31. console.log(mark.getName()); // 'john'
32. console.log(mark.getAge()); // 24

1. var Person = (function () {
2. // 私有变量
3. var AGE_UPPER_BOUND = 32;
4. return new Class({
5. initialize: function (v1, v2) {
6. // ...
7. },
8. getAGEUPPERBOUND: function (value) {
9. return AGE_UPPER_BOUND;
10. }
11. });
12. })();

1. var Person = (function () {
2. // 私有变量
3. var constants = {
4. AGE_UPPER_BOUND: 32,
5. AGE_LOWER_BOUND: 18
6. };
7. return new Class({
8. initialize: function (v1, v2) {
9. // ...
10. },
11. getConstants: function (name) {
12. return constants[name];
13. }
14. });
15. })();