【cocos2d-x从c++到js】13：回调函数2——JSCallbackWrapper

2014-01-26 16:14:18

标签： cocos2d-x js jsb

原创作品，允许转载，转载时请务必以超链接形式标明文章 原始出处、作者信息和本声明。否则将追究法律责任。 http://www.jb51.cc/article/p-ylevbpbn-vm.html

上一篇我们讲了按键回调，这一次我们来说说各种逻辑上的回调函数。

Cocos2d-x里面一共有三大类回调函数，第一是按键回调CCMenu相关的，第二类是定时器相关的回调

Schedule，第三类是Action相关的回调CallFunc。这些回调从最初的引擎版本中就存在着，一直到现在。

一、绑定代码

在JSB的解决方案中，对于后两类函数，引擎统一封装成JSCallbackWrapper及其子类。

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

class JSCallbackWrapper: public cocos2d::Object { : JSCallbackWrapper(); virtual ~JSCallbackWrapper(); void setJSCallbackFunc(jsval obj); setJSCallbackThis(jsval thisObj); setJSExtraData(jsval data); const jsval& getJSCallbackFunc() ; jsval& getJSCallbackThis() ; jsval& getJSExtraData() ; protected : jsval _jsCallback; jsval _jsThisObj; jsval _extraData; };

JSCallbackWrapper从名字就可以知道，是JS回调函数的包装器。三个接口也一目了然，回调函数，this，外部数据。

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

// cc.CallFunc.create( func,this,[data])

// cc.CallFunc.create( func )

static JSBool js_callFunc(JSContext *cx,uint32_t argc,jsval *vp)

{

if (argc >= 1 && argc <= 3) {

jsval *argv = JS_ARGV(cx,vp);

std::shared_ptr<JSCallbackWrapper> tmpCobj( new JSCallbackWrapper());

tmpCobj->setJSCallbackFunc(argv[0]);

(argc >= 2) {

tmpCobj->setJSCallbackThis(argv[1]);

} (argc == 3) {

tmpCobj->setJSExtraData(argv[2]);

}

CallFuncN *ret = CallFuncN::create([=](Node* sender){

jsval& jsvalThis = tmpCobj->getJSCallbackThis();

jsval& jsvalCallback = tmpCobj->getJSCallbackFunc();

jsval& jsvalExtraData = tmpCobj->getJSExtraData();

bool hasExtraData = !JSVAL_IS_VOID(jsvalExtraData);

JSObject* thisObj = JSVAL_IS_VOID(jsvalThis) ? nullptr : JSVAL_TO_OBJECT(jsvalThis);

JSB_AUTOCOMPARTMENT_WITH_GLOBAL_OBJCET

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

jsval retval;

(jsvalCallback != JSVAL_VOID)

{

(hasExtraData)

{

jsval valArr[2];

valArr[0] = OBJECT_TO_JSVAL(proxy->obj);

valArr[1] = jsvalExtraData;

JS_AddValueRoot(cx,valArr);

JS_CallFunctionValue(cx,thisObj,jsvalCallback,2,valArr,&retval);

JS_RemoveValueRoot(cx,valArr);

}

else

{

jsval senderVal = OBJECT_TO_JSVAL(proxy->obj);

}

}

// I think the JSCallFuncWrapper isn't needed.

// Since an action will be run by a cc.Node,it will be released at the Node::cleanup.

// By James Chen

// JSCallFuncWrapper::setTargetForNativeNode(node,(JSCallFuncWrapper *)this);

});

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

JS_SET_RVAL(cx,vp,OBJECT_TO_JSVAL(proxy->obj));

JS_SetReservedSlot(proxy->obj,argv[0]);

(argc > 1) {

}

// if(argc == 3) {

// JS_SetReservedSlot(proxy->obj,argv[2]);

// }

// test->execute();

return JS_TRUE;

}

JS_ReportError(cx, "Invalid number of arguments" );

JS_FALSE;

}

这是JS层调用cc.CallFunc.create时，底层执行的C++函数，这里面用了一些C++11的特性，包括std::shared_ptr智能指针和lambda表达式（也很简单，不熟悉的童鞋可以自己找资料熟悉下）。

这里面回调函数被封装到了lambda表达式里面，通过=方式引用外部的tmpCobj变量，这种方式跟JS的闭包非常类似。依然使用JS_CallFunctionValue进行函数调用。注意，这种调用方式跟JS里面的apply方式是很类似的。

这里面有一对函数非常有趣，JS_AddValueRoot和JS_RemoveValueRoot，这两个函数JS_CallFunctionValue调用包起来了。因为这个valArr或senderVal是在栈上临时生成的，没有指定对应的root。但是中间又进行了JS函数的调用，所以这两个值可能在JS函数调用的时候被SpiderMonkey虚拟机给垃圾回收掉（可以去看看JS的垃圾回收机制原理）。于是我们需要给他们挂一个root，保护一下，不被回收掉。

二、调用代码

先看一下构造函数

10

CallFuncN * CallFuncN::create( std::function< (Node*)> &func)

{

auto ret = CallFuncN();

(ret && ret->initWithFunction(func) ) {

ret->autorelease();

ret;

}

CC_SAFE_DELETE(ret);

nullptr;

}