__doPostBack(...) is not a function IIFE

問題

最近同事詢問一個 Uncaught TypeError: __doPostBack(...) is not a function 的 javascript 錯誤，如下，

除錯

測試的網頁如下，

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
  <body>
    <script type="text/javascript">
      //<![CDATA[
      function __doPostBack(eventTarget, eventArgument) {
        alert("doPostback");
      }
      //]]>
    </script>
    <script type="text/javascript">
      //<![CDATA[
         __doPostBack('ctl00$scMainStateCtrl$Query','')

        (function(id) {
            alert(id);
        })('ctl00_vsMaster');
      //]]>
    </script>
  </body>
</html>

錯誤訊息指的是 __doPostBack(...) ，
但錯誤點是在 IIFE 的程式碼。

看起來似乎是 __doPostBack 沾黏到後面的 (function(id)){ ...}，
所以這中間要加入 分號 來分隔。
所以將 __doPostBack(...) 改成 __doPostBack(...);

所以在使用 IIFE 時，
也有人在最前面加上分號以避免類似的問題。

This prevents issues when blindly concatenating two JavaScript files. Since JavaScript does not require semicolons, you might concatenate with a file with some statements in its last line that causes a syntax error.

參考資源

JavaScript Immediately-invoked Function Expressions (IIFE)

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

大家好，我是亂馬客 Rainmaker，目前任職於叡揚資訊，大家也都叫我 RM 。 平常負責開發公司各產品線的加值、共用的軟體，例如 Azure, OpenAI, Chatbot, Database ... 同時 Support 公司各種技術及資安黑箱(AppScan)、白箱(Checkmarx)等問題的解決。 Blog中的內容也是個人的看法， 如果有需要討論的地方， 可以留言，或是 mail 給我 :) rainmaker_ho@gss.com.tw