javascript 和 CoffeeScript 里的类

71 阅读2分钟

javascript不是面向对象的语言,它用函数来模拟类和继承。

javascript里,提供一个类并不难:

\

var Person,l4, z3;

Person = function(name) {
  return this.name = name;
};

z3 = new Person("z3");

l4 = new Person("l4");

z3.sayHi = function(hi) {
  return alert(hi);
};

z3.sayHi("hehehe");//可以

l4.sayHi("hahaha");//报错

\

在这里,Person是一个类(其实就是一个函数);z3、l4分别new了一个Person。new,就是构造实例。为什么要构造,而不是将Person直接赋给它们?是因为构造实例的话,各个实例之间不会互相影响。在上面的例子中,z3定义了一个函数sayHi(),但l4并没有这个方法,并不受z3的影响。

然后加上如下语句,则l4也有sayHi()方法矣。不过,z3使用的,仍然是自己定义的那个sayHi()方法。这算是override吗?

Person.prototype.sayHi = function(hi) {
  return alert("OK!" + hi);
};

z3.sayHi("hehehe");

l4.sayHi("hahaha");

\

在上面的例子中,Person只是一个简单的函数,虽然它同样可以供其他变量new。通常一个javascript类应该是这样子的:

[javascript]  view plain copy

  1. var Father, Son, father, son;  

  2.   

  3. Father = (function() {  

  4.   function Father(name) {

    //相当于构造函数了。这个构造函数很重要,下面的添加成员函数,属性,都靠它。  

  5.     this.name = name;  

  6.   }  

  7.   

  8.   Father.prototype.sayHi = function(hi) {

    //这个Father,其实是指上面这个“构造函数”。prototype,是javascript函数的固有属性。  

  9.     return alert("" + this.name + " : " + hi);  

  10.   };  

  11.   

  12.   return Father;//同样,这个Father,<span style="font-family: Arial, Helvetica, sans-serif;">是指上面的“构造函数”</span>  

  13.   

  14. })();  

  15.   

  16. Son = (function() {  

  17.   function Son(name) {  

  18.     this.name = name;  

  19.   }  

  20.   

  21.   Son.prototype = new Father();//继承的诀窍在于此  

  22.   Son.prototype.cry = function(){ alert("噢噢噢");}//子类扩展  

  23.   return Son;  

  24.   

  25. })();  

  26.   

  27. son = new Son("leftfist");  

  28.   

  29. son.sayHi("Hello World!");  


CoffeeScript主要是为了生产javascript,规避javascript的一些弊端,同时也是为了提高可读性。因此在CoffeeScript里,写类的代码类似:

[ruby]  view plain copy

  1. class Father  
  2.   #构造函数  
  3.   constructor: (name) ->   
  4.     @name = name  
  5.   
  6.   sayHi:(hi) ->  
  7.     alert("#{@name} : #{hi}")  
  8.   
  9. class Son  
  10.   constructor: (name) ->  
  11.     @name = name  
  12.   
  13.   @.prototype = new Father()  
  14.   
  15. son = new Son("leftfist")  
  16. son.sayHi("Hello Human!")  

\