[nicEdit专题]bkClass , bkElement and bkEvent

bkClass :

看名字就知道和类有关，不过javascript中没有Class的概念，一切都是对象。BK要做什么呢？

看看bkClass的代码:

function bkClass() { }
bkClass.prototype.construct = function() {};
bkClass.extend = function(def) {
  var classDef = function() {
      if (arguments[0] !== bkClass) { return this.construct.apply(this, arguments); }
  };
  var proto = new this(bkClass);
  bkExtend(proto,def);
  classDef.prototype = proto;
  classDef.extend = this.extend;      
  return classDef;
};

 好似是对象的Clone,当然了，因为javascript里没有Class，要模拟Class的话当然是Clone了，(注意不是深度Clone,因为bkExtend是引用的扩展)

当然更重要的是在Clone的同时，还进行了扩展，construct,extend, 这
都是Class所具备的最基础特性。

bkExtend(proto,def);

 bkExtend有返回值的，怎么没有用到？这是javascript本身的特性，当函数的参数是一个非简单对象（string,boolean,Number）时，传递的其实是实参，也就是对象引用了。

也就是bkClass把一个对象扩展的都像bkClass一样，好像是一个简单的Class工厂.

当然你在使用的时候要遵循的一个基本规则就是自己实现对象的

construct

方法，因为javascript并没有 因为名字是 construct 就真的自动去调用他的。调用construct正是

 if (arguments[0] !== bkClass) { return this.construct.apply(this, arguments); }

这一句,

(补充：javascript的构造属性是 constructor ,具体细节请您查查资料)

好了，通过bkClass来定义你的对象，这样你的对象就具备了 Class 中的，construct,和Exend这两大基本特征了。

bkElement :第一个用bkClass构建的对象。

bkElement就像他的名字一样是对DOM中的Element进行的封装，内部实现的都是我们常见的操作内容，包括：

创建Element
添加兄弟Element
添加 子Element
样式Style
样式类名Class
属性Attributes
在页面中的位置Pos
设置内容Content等
还有最重要的事件Event操作，当然后面我们回发现这里的事件不同于一般的事件，是自定义的事件，可以通过代码触发的事件，这就是一个简单的事件模型了.

再看看 bkEvent :

addEvent

看代码的话感觉只是名字叫Event,其实内部就是把传递过来的evFunc存储起来了，对就是这样因为触发靠的是代码方式

fireEvent

就是提供 触发 的接口了。

看上去代码很清晰，结构也很简单呀！

是这样的，BK就是用这些简单的工具来组合出nicEdit的 。