时间戳

首页 > 解决方案 > 未捕获的 SyntaxError：书签中的意外标识符

javascript - 未捕获的 SyntaxError：书签中的意外标识符

问题描述

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

未捕获的 SyntaxError：意外的标识符

代码如下。控制台中显示的错误看起来像是在我调用 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。

标签： javascriptcallbackbookmarklet

解决方案

由于您的小书签被压缩到一行中，因此在函数表达式 ( var createScript = function (url,callback) {/*...*/}) 的赋值和具有标识符 ( createScript(/*...*/);) 的函数调用之间缺少分号会创建一个非法的语法序列。

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

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

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

推荐阅读