cocos2d-js 3.0 RC0 手动绑定 C++调用js，js调用C++ jsbinding

参考：http://www.tairan.com/archives/4902

参考文章是2.x版本的，对于3.0也许不合适了，没有深究。

代码：https://github.com/kenkozheng/cocos2d-js/tree/master/jsbinding(cpp_js%20js_cpp)

1 JS调用C++

3.0中写这个绑定比较简单，跟ANE调用java如出一辙，一个JSContext，一个jsval，使用cocos2d提供的c++和js变量转换的函数做好转换即可。

cocos2d-js原来就定义好了代码风格：

    sc->addRegisterCallback(MinXmlHttpRequest::_js_register); 
    sc->addRegisterCallback(register_jsb_websocket); 
    sc->addRegisterCallback(register_jsb_socketio); 
    
    #if (CC_TARGET_PLATFORM == CC_PLATFORM_ANDROID) 
    sc->addRegisterCallback(JavascriptJavaBridge::_js_register); 
    #endif 
    
    sc->addRegisterCallback(register_jsb_kenko_all); 
    
    sc->start();

我们也顺着这个风格，添加一个函数：register_jsb_kenko_all，这是一个全局函数。

jsb_kenko_auto.h

#ifndef jsb_jsb_kenko_auto_h 
#define jsb_jsb_kenko_auto_h

#include "cocos2d.h"

std::string os_info(); 
bool jsb_os_info(JSContext *cx, uint32_t argc, JS::Value *vp); 
bool jsb_callback(JSContext *cx, uint32_t argc, JS::Value *vp); 
void register_jsb_kenko_all(JSContext* cx, JSObject* obj);

#endif

jsb_kenko_auto.cpp

#include "jsb_kenko_auto.h" 
#include "cocos2d_specifics.hpp"

std::string os_info() { 
    CCLOG("it's c++ os_info here"); 
    return "os_info"; 
}

  
bool jsb_os_info(JSContext *cx, uint32_t argc, JS::Value *vp) { 
    jsval ret = std_string_to_jsval(cx, os_info()); 
    JS_SET_RVAL(cx, vp, ret); 
  
    return true; 
} 
  
void register_jsb_kenko_all(JSContext *cx, JSObject *obj) { 
    JS_DefineFunction(cx, obj, "osInfo", jsb_os_info, 0, 0);  //生成名为osInfo的js全局函数

}

把h和cpp文件都放到AppDelegate.cpp同一个地方。上述的c++代码会在spidermonkey运行环境中生成相应的js接口，所以，我们不需要自己额外写对应的js接口。

然后就可以写js代码试试了。从运行结果可以看到，js调用成功，并获取到返回值。

cc.game.onStart = function(){ 
    cc.view.setDesignResolutionSize(800, 450, cc.ResolutionPolicy.SHOW_ALL); 
    cc.view.resizeWithBrowserSize(true); 
    cc.director.runScene(new MainScene()); 
    
    cc.log("js get from c++: " + osInfo()); 
}; 
cc.game.run();

2 C++回调

关键在于使用ScriptingCore提供的方法，调用js。首先来看看ScriptingCore的源代码，都有些什么方法可以用。

executeFunctionWithOwner可以实现类似cc.sprite之类的c++对象和js对象的调用，没有深究。这里演示的是如何做全局调用。

evalString对任何一个前端开发来说都不会太陌生，毕竟这里不是浏览器，排除各种乱七八糟的安全问题，我们直接用这个函数。

    

/** 
     @brief Execute a scripted global function. 
     @brief The function should not take any parameters and should return an integer. 
     @param functionName String object holding the name of the function, in the global script environment, that is to be executed. 
     @return The integer value returned from the script function. 
     */ 
    virtual int executeGlobalFunction(const char* functionName) { return 0; }

    virtual int sendEvent(cocos2d::ScriptEvent* message) override; 
    
    virtual bool parseConfig(ConfigType type, const std::string& str) override;

    virtual bool handleAssert(const char *msg) { return false; }

    virtual void setCalledFromScript(bool callFromScript) { _callFromScript = callFromScript; }; 
    virtual bool isCalledFromScript() { return _callFromScript; }; 
    
    bool executeFunctionWithObjectData(void* nativeObj, const char *name, JSObject *obj); 
    bool executeFunctionWithOwner(jsval owner, const char *name, uint32_t argc = 0, jsval* vp = NULL, jsval* retVal = NULL);

    void executeJSFunctionWithThisObj(jsval thisObj, jsval callback, uint32_t argc = 0, jsval* vp = NULL, jsval* retVal = NULL);

    /** 
     * will eval the specified string 
     * @param string The string with the javascript code to be evaluated 
     * @param outVal The jsval that will hold the return value of the evaluation. 
     * Can be NULL. 
     */ 
    bool evalString(const char *string, jsval *outVal, const char *filename = NULL, JSContext* cx = NULL, JSObject* global = NULL);

修改jsb_kenko_auto.cpp：

#include "jsb_kenko_auto.h" 
#include "cocos2d_specifics.hpp"

std::string os_info() { 
    CCLOG("it's c++ os_info here"); 
    return "os_info"; 
}

bool jsb_callback(JSContext *cx, uint32_t argc, JS::Value *vp) { 
    CCLOG("it's c++ testCallback here"); 
    JSContext* jc = ScriptingCore::getInstance()->getGlobalContext(); 
    // 注释部分适合有对象化的调用 
    // 参考：http://www.tairan.com/archives/4902 
    //jsval v[2]; 
    //v[0] = int32_to_jsval(jc, 32); 
    //v[1] = int32_to_jsval(jc, 12); 
    
    // 通过 ScriptingCore 封装好的方法实现回调，可以帮助我们节省很多细节上的研究 
    //js_proxy_t * p = jsb_get_native_proxy(); 
    //return ScriptingCore::getInstance()->executeFunctionWithOwner(OBJECT_TO_JSVAL(p->obj), "cpp_callback", 2, v);        //2是参数个数，v是参数列表 
    
    //找到一个更适合全局函数的方法 
    jsval ret; 
    return ScriptingCore::getInstance()->evalString("cpp_callback(2,3)", &ret); 
} 
  
bool jsb_os_info(JSContext *cx, uint32_t argc, JS::Value *vp) { 
    jsval ret = std_string_to_jsval(cx, os_info()); 
    JS_SET_RVAL(cx, vp, ret); 
  
    return true; 
} 
  
void register_jsb_kenko_all(JSContext *cx, JSObject *obj) { 
    JS_DefineFunction(cx, obj, "osInfo", jsb_os_info, 0, 0);  
    JS_DefineFunction(cx, obj, "test_cpp_callback", jsb_callback, 0, 0);  
}

相应在js侧添加一个全局函数，给c++调用。

cc.game.onStart = function(){ 
    cc.view.setDesignResolutionSize(800, 450, cc.ResolutionPolicy.SHOW_ALL); 
    cc.view.resizeWithBrowserSize(true); 
    cc.director.runScene(new MainScene()); 
    
    cc.log("js get from c++: " + osInfo()); 
    test_cpp_callback(); 
}; 
cc.game.run();

function cpp_callback(a, b) { 
    cc.log("cpp return two integer: " + a + " " + b); 
}

看输出结果：

　　

3 各种变量转换函数

都在js_manual_conversions.h这里了，真是应有尽有。下边只列出一部分。

bool jsval_to_ushort( JSContext *cx, jsval vp, unsigned short *ret ); 
bool jsval_to_int32( JSContext *cx, jsval vp, int32_t *ret ); 
bool jsval_to_uint32( JSContext *cx, jsval vp, uint32_t *ret ); 
bool jsval_to_uint16( JSContext *cx, jsval vp, uint16_t *ret ); 
bool jsval_to_long( JSContext *cx, jsval vp, long *out); 
bool jsval_to_ulong( JSContext *cx, jsval vp, unsigned long *out); 
bool jsval_to_long_long(JSContext *cx, jsval v, long long* ret); 
bool jsval_to_std_string(JSContext *cx, jsval v, std::string* ret);

jsval int32_to_jsval( JSContext *cx, int32_t l); 
jsval uint32_to_jsval( JSContext *cx, uint32_t number ); 
jsval ushort_to_jsval( JSContext *cx, unsigned short number ); 
jsval long_to_jsval( JSContext *cx, long number ); 
jsval ulong_to_jsval(JSContext* cx, unsigned long v); 
jsval long_long_to_jsval(JSContext* cx, long long v); 
jsval std_string_to_jsval(JSContext* cx, const std::string& v);