【cocos2d-x从c++到js】JS与C++的交互1——JS代码调用C++代码

我们要通过SpiderMonkey引擎的注册接口，向SpiderMonkey注册相应的从C++到JS的绑定函数，这些函数用于把JS函数调用代码转换成对应C++函数调用来执行。

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

//在AppDelegate::applicationDidFinishLaunching函数中 @H_404_61@Scriptingcore* sc = Scriptingcore::getInstance(); sc->addRegisterCallback(register_all_cocos2dx); sc->addRegisterCallback(register_all_cocos2dx_extension); sc->addRegisterCallback(register_cocos2dx_js_extensions); sc->addRegisterCallback(register_all_cocos2dx_extension_manual); sc->addRegisterCallback(jsb_register_chipmunk); sc->addRegisterCallback(JSB_register_opengl); sc->addRegisterCallback(jsb_register_system); sc->addRegisterCallback(MinXmlHttpRequest::_js_register); sc->addRegisterCallback(register_jsb_websocket); sc->addRegisterCallback(register_all_cocos2dx_builder); sc->addRegisterCallback(register_CCBuilderReader); sc->addRegisterCallback(register_all_cocos2dx_gui); sc->addRegisterCallback(register_all_cocos2dx_gui_manual); sc->addRegisterCallback(register_all_cocos2dx_studio); sc->addRegisterCallback(register_all_cocos2dx_studio_manual); sc->addRegisterCallback(register_all_cocos2dx_spine);

可以看到上面导入了Cocos2d-x的各种库，核心库，扩展，opengl，物理引擎，websocket，CCB等等等等。

下面我们说JS代码如何调用C++代码。

首先，在创建JS对象的时候，也会创建一个对应的C++对象。换句话说，JS对象是和C++对象一一对应的（当然必须是引擎支持的，而且绑定了接口的）。然后，在JS对象执行函数时，发生了什么呢？SpiderMonkey引擎会通过注册的接口，找到对应的C++对象，调用该对象上对应的C++函数。

换句话说，如果有下面的JS代码:

2

var node = cc.Node.create();

node.setVisible( false );

那么经过SpiderMonkey执行后，会调用下面的代码：

auto @H_404_61@node = CCNode::create();

@H_404_61@node->setVisible( false 当然，SpiderMonkey远远还不止干了这些，还做了很多事，比如绑定和查找JS和C++对象的对应关系，包装参数为对应类型，类型安全检查，返回值包装等等。要知道他干了些什么，直接看引擎代码是更好的选择。

在Cocos2d-x 3.0版的引擎中，引擎目录结构进行了大规模重构。

两个脚本语言被放到一个类似的目录中。其中auto-generated/js-bindings文件夹是gxx-generator工具自动生成的所有C++绑定JS代码。而JavaScript/bingdings文件夹是手写的绑定代码，因为工具无法做到完全自动绑定，所以必须有一部分手写的（脚本语言都是这样，习惯就好了，谢谢）。

好，我们继续找刚才说的源代码。打开jsb_cocos2dx_auto.cpp

19

@H_404_61@JSBool js_cocos2dx_Node_create(jscontext *cx,uint32_t argc,jsval *vp)

@H_404_61@{

if @H_404_61@(argc == 0) {

cocos2d::Node* ret = cocos2d::Node::create();

jsval jsret = JSVAL_NULL;

do @H_404_61@{

(ret) {

js_proxy_t *proxy = js_get_or_create_proxy<cocos2d::Node>(cx,(cocos2d::Node*)ret);

jsret = OBJECT_TO_JSVAL(proxy->obj);

} else @H_404_61@{

jsret = JSVAL_NULL;

}

while @H_404_61@(0);

JS_SET_RVAL(cx,vp,jsret);

return @H_404_61@JS_TRUE;

}

JS_ReportError(cx, "js_cocos2dx_Node_create : wrong number of arguments" @H_404_61@);

JS_FALSE;

@H_404_61@}

这就是cc.Node.create()执行时，底层C++跑的代码。所有的通过JS调用C++的代码都与这个形式非常一致，首先看函数接口：

第一个参数jscontext *cx是JS的上下文

第二个参数uint32_t argc是JS代码中的参数个数，在这个里argc==0

第三个参数jsval *vp是JS代码中的具体参数

继续分析

1

cocos2d::Node* ret = cocos2d::Node::create();

这个代码再熟悉不过了，标准的Cocos2d-x静态工场生成对象的代码

jsval jsret = JSVAL_NULL;