WebKit的JS Binding解析

转载请注明出处:http://blog.csdn.net/horkychen
WebCore与JavaScriptCore之间使用了Proxy模式,WebCore为JSC提供了一层binding层做为封装。
WebKit的JS Binding解析
Webkit参照W3C Web IDL(之前称为Language Bindings for DOM Specifications)描述DOM接口,但不完全相同。其完整的名称为WebKitIDL, 详细的定义可以参考下面的链接:
 
每一个DOM组件除了实现文件外,都有一个IDL文件定义它的接口规格。可以在WebCore相关的目录下找到。

 

WebKit提供了一组perl脚本完成IDL转换功能。入口脚本为generate-binding.pl, 示意图如下:

 

WebKit的JS Binding解析

生成的接口通过JSNode与Node关联,从而实现了与DOM各组件的关联。

WebKit的JS Binding解析

 

JSDocument会在初始化时被JSGlobalObject的addStaticGlobals压入一个jsNull到JSC的Heap, 在准备解析脚本前将一个对象通过JSDomWindowBase::updateDocument更新到JSC::Heap中,供JSC在执行期使用。Frame的setDocument方法也会在读到脚本时被调用,以更新合适的document对象到JSC。

WebKit的JS Binding解析

当JavaScript以document为接口,呼叫如getElementById获取组件时, 其执行序列如下:

WebKit的JS Binding解析

 

下面是jsDocumentPrototypeFunctionGetElementById的实现:

EncodedJSValue JSC_HOST_CALL jsDocumentPrototypeFunctionGetElementById(ExecState* exec)

{

    JSValue thisValue = exec->hostThisValue();

……

    JSC::JSValue result = toJS(exec, castedThis->globalObject(), WTF::getPtr(impl->getElementById(elementId)));

    return JSValue::encode(result);

}

*其中的impl就是通过JSNode接口关联到的Document对象.


参考:为JavaScript Binding添加新DOM对象的三种方式及实作

 

上一篇:零元学Expression Blend 4 - Chapter 25 以Text相关功能就能简单做出具有设计感的登入画面


下一篇:源码目录变了,修改Eclipse配置:工作空间,JDK