## 自定義組件 系統提供了很多組件，有時我們在開發中根據自身業務要添加自己的功能組件，比如購物車管理等，如果hdjs在webpack中使用，那么我們可以使用es6或amd方式定義，這里就不進行說明了。如果在頁面中使用require.js管理，定義方法如下。 ## 目錄 [TOC] ## 定義require.js組件 下面我們定義一個組件 js/test.js 。 ~~~ <script> define(['hdjs'], function (hdjs) { return { name:'這是屬性', //下面是方法定義 func1:function(){ return 'func1'; }, func2:function(){ return 'func2'; } } }); </script> ~~~ 第一個數組參數是你這個組件依賴的其他組件，也就是說我們在組件中可以使用已經存在的hdjs組件。 ## 使用自定義組件 使用自定義組件只要路徑填對就可以直接使用和使用hdjs組件一樣的。比如上面的組件我們定義在了網站根目錄下 js/test.js目錄中，使用方法如下： ~~~ <script> require(['js/test.js'],function(test){ alert(test.func1()); }) </script> ~~~