prototype.js中class类详解

资料来源：网络整理时间：2023/2/14 0:03:19 共计：3632 浏览

prototype.js中class类详解

大家可以在prototype.js里看到
var Class = {
   create: function() {
     return function() {
       this.initialize.apply(this, arguments);
     }
   }
}
这种代码，相当的夸张，很多人很容易被这种bt的代码弄糊涂，其实仔细分析其中的道理却也不难

显然这种写法代表了Class是声明的一个Object对象，其中create是这个object对象的一个属性,这个属性就是一个函数。这个函数执行过后返还一个函数。可能这样解释太复杂了，那不如做一个试验好了。

现在开始讲难点 this.initialize.apply(this, arguments);

这句表达了什么含义，其实现在先看看prototype.js里怎么调用的就明白了

var Template = Class.create();

Template.prototype = {
   initialize: function(template, pattern) {
     this.template = template.toString();
     this.pattern   = pattern || Template.Pattern;
   },....省略代码若干

var template = new Template(replacement);

第一句话Class.create(); 就是返还给Template 一个函数，这个函数是
function() {
this.initialize.apply(this, arguments);
}
当执行var template = new Template(replacement);时，就变成了要执行这个函数，而这个函数的作用是
执行当前类中initialize这个函数

所以prototype.js中的每一个类都预留了
Template.prototype = {
   initialize: function(template, pattern) {
     this.template = template.toString();
     this.pattern   = pattern || Template.Pattern;
   },....
这么个函数,如果没有这个的话，程序将会出错

知其然，知其所以然，为什么要这么写呢？

一般我们声明的时候funciton fun(){} var o=new fun();这样感觉fun又是类又是构造函数很别扭，为了分开这种不是很友好的代码方案，所以prototype.js使用了如上方法

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：JQuery和Prototype区别小结 | ·下一条：JQuery学习笔记：typeof的使用