javascript - backbone.js プロジェクトで JavaScript ライブラリをインポートして使用する

Question

私は とbackbone.jsの初心者ですrequire.js。現在、私は 1 つのバックボーン プロジェクトを作成しています。app.jsコードは次のとおりです。

 define([
  'jquery',
  'underscore',
  'backbone',
  'script',
  'router'

 ], function($, _, Backbone, Script, Router){

 var initialize = function(){
    Router.initialize();
 };

 return {
    initialize: initialize
 };

});

ここにあるmain.js：

require.config({
path: {
    jquery: 'libs/jquery/jquery-min',
    underscore: 'libs/underscore/underscore-min',
    backbone: 'libs/backbone/backbone-min',
    script: 'libs/scripts/index'
},

shim:{
    backbone: ['jquery', 'underscore'],
    script: ['jquery'],
    enforceDefine: true
}
});

require([

'app',

], function(App){

App.initialize();

});

最後のものはrouter.js次のとおりです。

define([
  'jquery',
  'underscore',
  'backbone',
  'script'
], function($, _, Backbone){

var AppRouter = Backbone.Router.extend({

    routes:{
      
        '*actions': 'defaultAction'
    }

});

var initialize = function(){
    var app_router = new AppRouter;
    app_router('route:defultAction', function(actions){

    });

    Backbone.history.start();
};

 return {
    initialize: initialize
 };
});

プロジェクトにjquery-json ライブラリを追加したいと考えています。の場合html project、ここに私のコードがあります:

<script type="text/javascript" src="jquery-min.js"></script>
<script type="text/javascript" src="jquery.json-2.4.min.js">

</script>
<script>

     function serializeObjToJSON(_obj) {
         var _json = $.toJSON(_obj);
         return _json;
     }

     function deserializeJSONToObj(_json) {
         var _obj = $.evalJSON(_json);
         return _obj;
     }
        
</script>

上記のライブラリをインポートして、バックボーン プロジェクトで使用したいと考えています。しかし、私はそれを行う方法がわかりません。

どんな助けでも大歓迎です、ありがとう。

Answer 1

メインの JS に JSON 参照を追加する必要があります。(jquery.json-2.4.min.jsをlib/フォルダに入れる)

require.config({
path: {
    jquery: 'libs/jquery/jquery-min',
    underscore: 'libs/underscore/underscore-min',
    backbone: 'libs/backbone/backbone-min',
    script: 'libs/scripts/index',
    json: 'libs/jquery.json-2.4.min'
}

次に、それを app.js または参照で使用している他の module.js ファイルに定義として追加できます。

define([
  'jquery',
  'underscore',
  'backbone',
  'script',
  'router',
  'json'


 ], function($, _, Backbone, Script, Router, Json){

 //Code

 }

次に、js ファイル内に json への参照があります。を使用して呼び出すことができます

 Json.method()

たとえば..jsonを記述するとすぐに、定義が検索され、呼び出した関数のそのlibが参照されます。

したがって、index.js またはそれを呼び出したい方の端には、次のようなものが必要です。

define([
      'jquery',
      'underscore',
      'backbone',
      'script',
      'router',
      'json'


     ], function($, _, Backbone, Script, Router, Json){

serializeObjToJSON: function(_obj) {
         var _json = Json.toJSON(_obj);
         return _json;
     }

     deserializeJSONToObj: function(_jsonObject) {
         var _returnObj = Json.evalJSON(_jsonObject);
         return _returnObj;
     }