JavaScript作為一種流行的編程語言，其填充功能已成為其不可或缺的一部分。

JavaScript的填充功能可以讓開發者輕松地填充一個模板字符串、數組或對象，來替換其中的占位符。舉個例子，我們可以用JavaScript填充一個greeting字符串，其中占位符{username}會被用戶名所替換：

let username = 'Lucy';
let greeting = 'Hello, {username}';
greeting = greeting.replace('{username}', username);
console.log(greeting); // 輸出：Hello, Lucy

在上面的代碼中，我們首先聲明了一個username變量，然后定義greeting字符串。接下來，我們使用replace()方法替換greeting中的占位符{username}，并將其賦值給greeting變量。最后，我們打印輸出greeting字符串，此時占位符已被成功替換。

除了字符串填充，JavaScript還允許我們填充數組和對象。下面是一個示例，其中我們使用JavaScript填充一個數組，數組中的占位符{X}將被依次替換為數組元素：

let array = ['a', 'b', 'c'];
array = array.map((item, index) =>`Item ${index + 1}: ${item}`);
console.log(array.join('\n')); // 輸出：Item 1: a\nItem 2: b\nItem 3: c

在上面的代碼中，我們首先聲明了一個數組array，并定義了一個包含占位符{X}的模板字符串。接下來，使用map()方法遍歷數組元素，然后將模板字符串中的占位符{X}替換為實際的數組元素。最后，我們使用join()方法將數組元素拼接成一個字符串，并在其中間加入換行符'\n'，以便于輸出。

除了數組，我們還可以使用JavaScript填充對象。下面是一個示例，其中我們使用JavaScript填充一個對象，將占位符{key}替換為對象屬性名，占位符{value}替換為對象屬性值：

let obj = { name: 'Lucy', age: 18, gender: 'female' };
obj = Object.entries(obj).map(([key, value]) =>`${key}: ${value}`).join('\n');
console.log(obj); // 輸出：name: Lucy\nage: 18\ngender: female

在上面的代碼中，我們首先聲明了一個對象obj，并定義了一個包含占位符{key}和{value}的模板字符串。接下來，使用Object.entries()方法將對象轉換為鍵值對數組，然后遍歷數組元素，將模板字符串中的占位符替換為實際的屬性名和屬性值。最后，我們使用join()方法將數組元素拼接成一個字符串，并在其中間加入換行符'\n'，以便于輸出。

除了上面這些示例，JavaScript的填充功能還可以應用于更多場景，比如使用正則表達式填充、使用遞歸填充等等。無論是哪種應用場景，填充功能都能夠讓開發者更加便捷地完成字符串、數組、對象等數據的填充和替換任務。