未捕获的语法错误：书签中出现意外标识符

问题描述

我正在尝试将 jquery 注入页面以在书签中使用。我在回调的语法方面遇到了一些问题，因为我在运行时遇到以下错误：

未捕获的语法错误：意外的标识符

代码如下。控制台中显示的错误看起来像是在我调用 createScript 函数的地方附近发生的。有点难以判断，因为代码都被弄乱了。当我粘贴到 JSLint 时，它会显示此消息：

预期的“;”而是看到了“createScript”。

(function() {  
  console.log("Starting....");
  var createScript = function (url,callback) {
    /* Insert Datatables */                  
    var script_set = document.createElement("script");
    script_set.setAttribute("src",url);
    script_set.addEventListener("load",callback);
    document.body.appendChild(script_set);
  }
  
  createScript("https://code.jquery.com/jquery-3.6.0.min.js",function () {
    console.log("jquery loaded....");
  });
}
)();

更新

我通过对顶部进行以下更改来使其正常工作。只是不知道为什么会出错。

工作代码：

(function() {
  console.log("Starting....");

  function createScript(url,callback) {
      var script = document.createElement('script');
      script.type = 'text/javascript';
      script.src = url;
      script.async = false;
      script.onload = callback;
      document.head.appendChild(script);
  }
  
  createScript("https://code.jquery.com/jquery-3.6.0.min.js",function () {
    console.log("jquery loaded....");
    console.log("jquery version = "+ $().jquery);
  }
              );
}
)();

如果有人知道我为什么会在最上面的代码中出现错误，我将不胜感激，以帮助我更好地理解 JavaScript。

解决方法

当您的书签被挤成一行时，带有函数表达式 (var createScript = function (url,callback) {/*...*/}) 的赋值和带有标识符 (createScript(/*...*/);) 的函数调用之间缺少分号会创建非法的语法序列。

具有相同可重现错误和固定变体的简短示例：

const func = function (){} console.log(1);

const func = function (){}; console.log(1);

bookmarklet callback callback javascript