在JavaScript中，我們可以使用字符串來表示變量名。有時候我們需要將字符串轉變成變量名來使用，這個過程稱為變量名的動態計算。本文將詳細介紹如何使用JavaScript實現字符串轉變量名。

假設我們需要創建一些變量并且變量名是動態的，例如：

const fruit1 = "apple";
const fruit2 = "orange";
const fruit3 = "banana";

如果我們要創建更多的變量，每次都手動定義變量名會很麻煩。這時候可以使用字符串來表示變量名，并動態計算變量名。

直接使用變量名字符串會出現語法錯誤，可以使用eval()函數實現動態計算變量名：

const fruitName = "apple";
const fruitValue = 10;
eval("const " + fruitName + " = " + fruitValue + ";");
console.log(apple); //輸出：10

使用eval()函數可以將字符串轉化為JavaScript代碼，并執行該代碼。上面代碼中的eval()函數實際上是執行了以下代碼：

const apple = 10;

eval()函數不是很安全，因為它會執行任何字符串，可能會導致安全問題。另外一個安全的動態計算變量名的方法是使用window對象：

const fruitName = "apple";
const fruitValue = 10;
window[fruitName] = fruitValue;
console.log(apple); //輸出：10

使用window對象會更加安全，因為它只執行特定的字符串。上面的代碼創建了一個名為“apple”的全局變量，并且賦值為10。

另外一個常見的需求是將字符串轉換為對象屬性名：

const obj = {};
const propName = "fruit";
const propValue = "apple";
obj[propName] = propValue;
console.log(obj.fruit); //輸出：apple

在上面的代碼中，我們將字符串“fruit”作為對象的屬性名，并且將“apple”作為該屬性的值。最終obj對象的fruit屬性的值為“apple”。

總的來說，JavaScript通過eval()函數和window對象提供了在運行時動態計算變量名和屬性名的能力。但是要小心使用eval()函數，以免出現安全問題。