如何在JavaScript中將字符串值包裝在變量中

Question

在下面的函數中，我用選定的圖標繪制標記

function addMarkers(name) {
   var iconVal = "";
   if(name == 'default'){
    iconVal = defaultIcon;
   }
   else if(name == 'school'){
        iconVal = 'schoolIcon';
   }

   marker = new L.Marker(new L.LatLng(a[0], a[1]), { icon: iconVal });
}

我的問題是如何如上所述傳遞變量iconVal。 有沒有像Html.Raw這樣的函數？

Answer 1

不要為這些東西使用變量名。 使用具有可通過名稱訪問的屬性的對象：

var icons = {
    default: new L.Icon.Default(),
    school: L.icon({
        iconUrl: '@Url.Content("~/Content/custom/schoolpin.png")',
        iconSize: [32, 50],
        iconAnchor: [16, 50], 
        popupAnchor: [-3, -76] 
    }),
    test: L.icon({
        iconUrl: '@Url.Content("~/Content/custom/testpin.png")',
        iconSize: [32, 50],
        iconAnchor: [16, 50], 
        popupAnchor: [-3, -76] 
    })
};

function addMarkers(name) {
   var iconVal = icons[name];
   var marker = new L.Marker(new L.LatLng(a[0], a[1]), { icon: iconVal });
}

Answer 2

如果圖標是全局變量（我不建議它們應該是全局變量；請聽我說），您可以像這樣訪問變量：

   marker = new L.Marker(new L.LatLng(a[0], a[1]), window[icon].iconVal);

動態訪問局部變量並不是那么簡單，因此可以使用iconVal來保存整個圖標對象，而不是“指針”。 假設addMarkers直接有權訪問本地圖標對象。

function addMarkers(name) {
  var icon;
  if(name == 'default'){
    icon = defaultIcon;
  }
  else if(name == 'school'){
    icon = schoolIcon;
  }

  marker = new L.Marker(new L.LatLng(a[0], a[1]), icon.iconVal);
}