企业如何通过vue小程序开发满足高效运营与合规性需求
670
2022-12-02
CoffeeScript 里的类
不是面向对象的语言,它用函数来模拟类和继承。
里,提供一个类并不难:
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. function(hi) {//这个Father,其实是指上面这个“构造函数”。prototype,是javascript函数的固有属性。9. return alert("" + this.name + " : " + hi);10. };11. 12. return Father;//同样,这个Father,是指上面的“构造函数”13. 14. })();15. 16. Son = (function() {17. function Son(name) {18. this.name = name;19. }20. 21. new Father();//继承的诀窍在于此22. 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 Father2. #构造函数3. constructor: (name) ->4. @name = name5. 6. sayHi:(hi) ->7. "#{@name} : #{hi}")8. 9. class Son10. constructor: (name) ->11. @name = name12. 13. new Father()14. 15. son = new Son("leftfist")16. son.sayHi("Hello Human!")
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~