WebKit的JS Binding解析

柔情只为你懂 2022-06-11 02:13 219阅读 0赞

转载请注明出处:http://blog.csdn.net/horkychen

WebCore与JavaScriptCore之间使用了Proxy模式，WebCore为JSC提供了一层binding层做为封装。

![w3c_home.png][]

Webkit参照W3C Web IDL(之前称为 [Language Bindings for DOM Specifications][] ) 描述DOM接口，但不完全相同。其完整的名称为WebKitIDL, 详细的定义可以参考下面的链接:

[http://trac.webkit.org/wiki/WebKitIDL][http_trac.webkit.org_wiki_WebKitIDL]

每一个DOM组件除了实现文件外，都有一个IDL文件定义它的接口规格。可以在WebCore相关的目录下找到。

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

![1338478760_3660.png][]

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

![1338478850_4022.png][]

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

![1338478833_2884.png][]

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

![1338478896_6233.png][]

下面是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对象的三种方式及实作][JavaScript Binding_DOM]

[w3c_home.png]: /images/20220611/8e7589a61025487f93e58120b3743649.png
[Language Bindings for DOM Specifications]: http://www.w3.org/TR/2008/WD-DOM-Bindings-20080410/
[http_trac.webkit.org_wiki_WebKitIDL]: http://trac.webkit.org/wiki/WebKitIDL
[1338478760_3660.png]: https://img-my.csdn.net/uploads/201205/31/1338478760_3660.png
[1338478850_4022.png]: https://img-my.csdn.net/uploads/201205/31/1338478850_4022.png
[1338478833_2884.png]: https://img-my.csdn.net/uploads/201205/31/1338478833_2884.png
[1338478896_6233.png]: https://img-my.csdn.net/uploads/201205/31/1338478896_6233.png
[JavaScript Binding_DOM]: http://blog.csdn.net/horkychen/article/details/7640052