javascript - 如果本地存储变量为空，如何什么都不做

Question

我正在使用下面的脚本将 utm 参数附加到页面 URL 的末尾。但是，有时会没有参数，因此在本地存储变量中没有任何意义。

问题:当本地存储中没有任何内容时，它当前会将 ?null 附加到 URL 的末尾。

<script type="text/javascript">
  // Get parameters from local storage
  var parameters = localStorage.getItem("query");

  if(window.location.href.indexOf('?' + parameters) == -1){

    // Identify next URL
    const nextURL = window.location.href + '?' + parameters;

    // Replace current entry in browser history
    window.history.replaceState('', '', nextURL);
  }
</script>

Answer 1

您可以检查本地存储变量是否为空。

使用您的示例，您可以将其更改为:

<script type="text/javascript">
  // Get parameters from local storage
  var parameters = localStorage.getItem("query");

  if (!parameters) return; // <--- you could add this line.

  if(parameters && // <---- or add this condition
      window.location.href.indexOf('?' + parameters) == -1){

    // Identify next URL
    const nextURL = window.location.href + '?' + parameters;

    // Replace current entry in browser history
    window.history.replaceState('', '', nextURL);
  }
</script>