使用node.js中的變量值填充javascript文件

Question

我使用node.js ， express.js和pug / jade 。

在我的服務器中，使用變量pageId填充視圖。

我在pug視圖中使用以下變量

script.
  document.addEventListener('DOMContentLoaded', function () {
    var pageId = '#{pageId}';

    (...)

問題是我希望此腳本代碼位於單獨的文件中，而不是在我的視圖中。

所以我想包含腳本

script(src='js/my_script.js')

但是我無法在腳本中獲取變量的值。

通常如何做？ 在客戶端的視圖中將變量從服務器發送到腳本代碼似乎是錯誤的。

我猜我使用pug.js ，因為即使在純HTML中也必須出現相同的問題。

Answer 1

您可以定義一個全局函數來接收客戶端JS文件中的數據，然后從服務器呈現頁面上的內聯腳本中調用該函數。

例如，在script.js ：

function logPageId(id) {
  console.log(id);
}

然后在服務器呈現的頁面中：

<html>
  <body>
    <script src="script.js"></script>
    <script>
      logPageId('somePageId')
    </script>
  </body>
</html>

您可以使用JSON字符串作為輸入來執行相同的操作。