Web前端为WebKit添加新DOM对象的三种方式与实作.docx

一．基础知识首先WebKit IDL并非完全遵循Web IDL，只是借鉴使用。WebKit官网提供了一份说明（WebKitIDL），比如Web IDL称operation”(操作), 而WebKitIDL称为method(方法)，另外Web IDL也不像WebKitIDL那样将属性和参数分开。?为JavaScript绑定对象，可以使用module来定义所从属的模组。典型的module包括:?core, window, event, traversal, ranges, html, storage. 其中一部分是HTML5定义的。虽然定义的模组不同，并不影响该对象在DOM Tree位置。关于DOM的规格定义，参考以下文档:??? DOM 1 Core and HTML:?LINK??? DOM2 HTML:??LINK??? DOM2 Core:??LINK??? DOM2 Traversal and Range:?LINK?DOM对象有三种型态：?? a.????? 寄生于现有对象，单实例。???? 从属于某个全局对象，访问时透过宿主对象完成。如document.object或window.object, 也可以直接调用object.method.这个实现最为简单，按需分配，并且随着宿主对象释放就可以了。主要参考window的Navigator实现。?? b.????? 和window、document一样成为全局对象，单实例。???????这个实现最为复杂，且还没有看到相关文档说明。关键要将对象在合适的位置创建，并更新到JSC的堆中才能达到功能。可以参考document的实现，并且需要考虑执行流程，必须对代码做过一些了解，才可能知道相关的改动量。?? c.????? 多实例对象。可以在脚本中使用new创建。??????myObj = new Object();??????较第一类需要指定自定义建构函数，主要参考DOM中的Image和Float32Array实现。?????提示:1.如果尝试这样使用单例对象，会出现类似下面的错误。不是一个建构对象：??????????????? ?????????????? 2.将新对象作为一个新属性寄生到window中提供扩展服务，更符合DOM的框架，它代表的是和浏览器相关的属性。如果需要扩展页面功能，为document增加属性或方法即可。?三种型态下的类的基本代码相同，最大的差异在于是如何引用及实例的管理。难点是在合适的位置绑定给JavaScript Core使用。?二．实作下面从最简单的开始，进行三种型态的实作。1. 寄生于现有对象，单例这一段的实现，可以参考DOMWindow中的Navigator。(参考:LINK)? a. 添加新的代码?? 为了和DOMWindow就近，将新增的文件放到WebCore/page下。HorkyWebObject.h#ifndef WebCore_Horky_WebObject_h#define WebCore_Horky_WebObject _h?#include?wtf/Forward.h#include?wtf/PassRefPtr.h#include?wtf/RefCounted.h#include?wtf/HashMap.h#include?wtf/RefPtr.h?#include?PlatformString.h?namespace?WebCore {???????class?HorkyWebObject :publicRefCountedHorkyWebObject {????public:????????staticPassRefPtrHorkyWebObject create()????????{????????????returnadoptRef(newHorkyWebObject());????????}???????????????String?description()const;????private:????????HorkyWebObject();????};???}?// namespace WebCore?#endifHorkyWebObject.cpp#include?config.h#include?HorkyWebObject.h?namespace?WebCore {????HorkyWebObject::HorkyWebObject()????{??? }???????StringHorkyWebObject::description()const????{????????returnHello World!;????}???}?// namespace WebCore?????HorkyWebObject