我有一個包含很多屬性的 DataTable。每次我要使用它，我都必須復制它們。它使我的視圖代碼變得一團糟。所以我決定創建一個單獨的 .js 檔案并將可重用代碼復制到那里，但我無法在我的主檔案中參考它。我的 .js 代碼的某些部分如下所示：
function loadDataTable() {
$(".yadcf-filter-range-date").persianDatepicker();
dataTable = $('#SP1').DataTable({
serverSide: true,
processing: true,
pageLength: 10,
infoFiltered: true,
orderMulti: false,
scrollX: true,
scrollY: true,
bStateSave: true,
columnDefs: [{ orderable: false, targets: [15] }],
.
.
.
}
我在另一個 js 檔案中創建了一個函式，例如如下所示：
function CommonPart(i) {
serverSide: true,
processing: true,
pageLength: 10,
infoFiltered: true,
orderMulti: false,
scrollX: true,
scrollY: true,
bStateSave: true,
columnDefs: [{ orderable: false, targets: [i] }]
}
我不知道如何在我的主要代碼中使用 CommonPart，例如如下所示：
function loadDataTable() {
$(".yadcf-filter-range-date").persianDatepicker();
dataTable = $('#SP1').DataTable({
CommonPart(15);
...
});
uj5u.com熱心網友回復：
我首選的方法是使用ECMAscript 模塊。
您可以將這些函式中的每一個放入單獨的檔案中。您可以根據自己的喜好命名檔案，但我通常以它包含的函式命名它們。對于網路，我會給檔案一個.js檔案擴展名。在節點中，我會給它一個.mjs擴展名。
在每個檔案中，在每個函式上添加匯出，如下所示：
export function funcName()
{
}
然后從您的主代碼檔案中，您可以從這些單獨的檔案中匯入您的函式，如下所示：
import { funcName } from "./fileName.mjs";
在此之后，您可以像在主代碼檔案中宣告它們一樣使用這些函式（因為它們現在已被匯入）。
uj5u.com熱心網友回復：
最好和最受信任的資源 id MDN webdocs 鏈接：https ://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules
如果您仍然感到困惑，請隨時提出問題..
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/497877.html
標籤：javascript jQuery asp.net 核心 剃刀页面 代码重用
上一篇：同一個元素中的同一個類