WebKit的JS Binding解析

转载 2016年06月02日 09:58:46
WebCore与JavaScriptCore之间使用了Proxy模式,WebCore为JSC提供了一层binding层做为封装。
Webkit参照W3C Web IDL(之前称为Language Bindings for DOM Specifications)描述DOM接口,但不完全相同。其完整的名称为WebKitIDL, 详细的定义可以参考下面的链接:
    http://trac.webkit.org/wiki/WebKitIDL
 
每一个DOM组件除了实现文件外,都有一个IDL文件定义它的接口规格。可以在WebCore相关的目录下找到。

 

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

 

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

 

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

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

 

下面是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对象.

[WebKit内核] JavaScript引擎深度解析--基础篇(一)字节码生成及语法树的构建详情分析

看到HorkeyChen写的文章《[WebKit] JavaScriptCore解析--基础篇(三)从脚本代码到JIT编译的代码实现》,写的很好,深受启发。想补充一些Horkey没有写到的细节比如字节...
  • lichwei1983
  • lichwei1983
  • 2015年03月26日 23:26
  • 4717

webkit如何实现JS DOM binding—基于V8分析

一个web页面需要使用到JS的场景 Parser阶段 HTMLDocumentParser 中的HTMLTokenizer在解析到开始标签时,创建HTMLScriptElement对象,在...
  • qq295445028
  • qq295445028
  • 2013年04月26日 16:11
  • 5180

iOS中WebKit框架应用与解析

iOS中WebKit框架应用与解析 一、引言 在iOS8之前,在应用中嵌入网页通常需要使用UIWebView这样一个类,这个类通过URL或者HTML文件来加载网页视图,功能十分有限,只能作为辅助嵌入...
  • HDFQQ188816190
  • HDFQQ188816190
  • 2016年07月28日 14:31
  • 2174

webkit js扩展方式之Binding添加新DOM对象

webkit js Binding添加新DOM对象 一.基础知识 首先WebKit IDL并非完全遵循Web IDL,只是借鉴使用。WebKit官网提供了一份说明(WebKitIDL),比如Web I...
  • m632587166
  • m632587166
  • 2016年02月24日 17:11
  • 404

WebKit之如何实现JS DOM binding—基于V8分析

一个web页面需要使用到JS的场景 Parser阶段 HTMLDocumentParser 中的HTMLTokenizer在解析到开始标签时,创建HTMLScriptElement对象,在...
  • sauphy
  • sauphy
  • 2016年02月22日 20:16
  • 540

webkit的js对象扩展(二)——binding方式创建自定义对象(多实例)

今天刚好有时间,把创建多实例对象的方法写一下,也就是可以像new Date()一样。关于new操作符有一篇讲的很详细,大家可以先看下http://www.pushiming.com/blog/2009...
  • perfectpdl
  • perfectpdl
  • 2011年12月07日 20:24
  • 3907

WebKit中为JS binding扩展DOM对象

DOM对象有三种形态 一.寄生于现有对象,单实例 从属于某个全局变量,访问时通过宿主对象完成。如window.object,也可以直接调用object.method。这个方法最为简单,按需分配,并...
  • zzj1881
  • zzj1881
  • 2013年03月01日 18:39
  • 1070

WebKit中的JavaScript Binding

什么是JavaScript Binding? 在html页面中,我们可以通过JavaScript语句来访问DOM节点,例如document.createElement(“canvas”); 可是doc...
  • yl02520
  • yl02520
  • 2014年03月07日 16:55
  • 2912

[WebKit]为JavaScript Binding添加新DOM对象的三种方式及实作

转载请注明出处:http://blog.csdn.net/horkychen  一.基础知识 首先WebKit IDL并非完全遵循Web IDL,只是借鉴使用。WebKit官网提供了一份说明(...
  • HorkyChen
  • HorkyChen
  • 2012年06月06日 22:34
  • 12327

使用Webstorm to develope cocos2dx js-binding/html 項目

Nowadays, cocos2dx gains its popularity among developers. It provides a fast, easy-to-maintain the p...
  • lesliealantam
  • lesliealantam
  • 2014年01月27日 22:03
  • 1402
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:WebKit的JS Binding解析
举报原因:
原因补充:

(最多只允许输入30个字)