JavaScript作為一種腳本語言，可以在瀏覽器中實現各種動態效果和交互功能，使得網頁變得更加豐富多彩。其中，尤其對于排版而言，許多開發者在實現時都會遇到兩端對齊這種需求，而JavaScript也提供了多種方案來滿足這一需求。

首先，我們可以使用CSS來實現兩端對齊，例如下面的代碼：

.text {
text-align: justify;
text-justify: inter-word;
}

這樣我們就可以將文本塊兩端對齊。不過，由于text-justify屬性的兼容性不太好，有些瀏覽器會表現得不太正常。因此，在某些情況下，我們可能需要使用JavaScript來實現兩端對齊。接下來，我們將介紹一些JavaScript實現兩端對齊的常見方案。

第一種方案是使用空格填充。我們先將文本塊中的所有單詞以及它們之間的空格都取出來，然后計算文本框的寬度和文本內容的寬度，并計算它們之間的差值，最后將這個差值除以單詞數-1，得到每個單詞之間需要填充的空格數，最后再在相應的位置上插入空格即可。示例如下：

function justifyText(textBlock) {
var words = textBlock.innerHTML.split(" ");
var width = textBlock.offsetWidth;
var html = "";
for (var i = 0; i < words.length; i++) {
html += words[i] + " ";
}
textBlock.innerHTML = html;
var wordWidths = textBlock.querySelectorAll("span").map(function(node) {
return node.offsetWidth;
});
var totalWidth = wordWidths.reduce(function(a, b) {
return a + b;
});
var spaceWidth = (width - totalWidth) / (wordWidths.length - 1);
var spaces = [];
for (var i = 0; i < wordWidths.length - 1; i++) {
var count = Math.ceil(spaceWidth / wordWidths[i]);
spaces.push(count);
}
var newHtml = "";
for (var i = 0; i < words.length - 1; i++) {
newHtml += words[i] + " ".repeat(spaces[i]);
}
newHtml += words[words.length - 1];
textBlock.innerHTML = newHtml;
}

注意，在這個方案中，我們在字符串連接時使用了數個空格來代替單個空格，以避免單個空格被瀏覽器忽略。此外，我們也使用了ES6中的函數式編程，方便地計算出了單詞寬度和空格數量。

第二種方案是使用CSS的:before偽元素來實現，代碼如下：

.text:before {
content: "";
display: inline-block;
width: 100%;
height: 0;
}
.text > span {
display: inline-block;
}
.text > span:before {
content: "";
display: inline-block;
width: 100%;
height: 0;
}
.text:after {
content: "";
display: block;
clear: both;
}

在上述代碼中，我們利用了:before偽元素來插入一個占位元素，使得單詞之間可以在這個元素上折行，從而實現兩端對齊。這個方案的優點在于可以用純CSS來實現，而且對于長文本的情況下，效果會更好。不過需要注意的是，在某些情況下，這個方案可能會與其他元素產生沖突。

第三種方案是使用插件，例如Justified Gallery、freetile.js等插件。這些插件可以自動地將圖片或文本塊進行兩端對齊，而且對于響應式設計也有很好的支持。

除了以上這些常見的方案，還有一些其他的實現方法，例如使用canvas繪制文本區域、使用表格實現等等。總之，在實現時需要考慮文本的長度、字體大小、行高等因素，以及其對于瀏覽器兼容性的影響。同時，也要關注優化效果，使得頁面的性能和用戶體驗都能保持在一個良好的水平上。