在我的 main.js 中出現“意外令牌”錯誤

Question

由於在控制台信息中出現錯誤，我的腳本和 Web 應用程序不斷失敗：

main.js:10 Uncaught SyntaxError: Unexpected token ')';

這是我的腳本：

$(function () {
    var client = ZAFClient.init();
    client.invoke('resize', { width: '150%', height: '120px' });
    showInfo();
    showError();
    client.get('ticket.requester.id').then(
        function (data) {
            var user_id = data['ticket.requester.id'];
            console.log('Requester id is ' + user_id);
  )
}});
function showInfo() {
    var requester_data = {
        'name': 'Jane Doe',
        'tags': ('tag1', 'tag2'),
        'created_at': 'November 20, 2014',
        'last_login_at': 'June 27, 2016'
    };

    var source = $("#requester-template").html();
    var template = Handlebars.compile(source);
    var html = template(requester_data);
    $("#content").html(html);
}
function showError() {
    var error_data = {
        'status': 404,
        'statusText': 'Not found'
    };
    var source = $("#error-template").html();
    var template = Handlebars.compile(source);
    var html = template(error_data);
    $("#content").html(html);
}

我把代碼改成這樣：

$(function() {
  var client = ZAFClient.init();
  client.invoke('resize', { width: '150%', height: '120px' });
  showInfo();
  showError();
  client.get('ticket.requester.id').then(
    function(data) {
      var user_id = data['ticket.requester.id'];
      console.log('Requester id is ' + user_id);
});
function showInfo() {
  var requester_data = {
    'name': 'Jane Doe',
    'tags': ('tag1', 'tag2'),
    'created_at': 'November 20, 2014',
    'last_login_at': 'June 27, 2016'
  };

  var source = $("#requester-template").html();
  var template = Handlebars.compile(source);
  var html = template(requester_data);
  $("#content").html(html);
}
function showError() {
  var error_data = {
    'status': 404,
    'statusText': 'Not found'
  };
  var source = $("#error-template").html();
  var template = Handlebars.compile(source);
  var html = template(error_data);
  $("#content").html(html);
}

現在我收到這個控制台錯誤

Uncaught ReferenceError: $ is not defined
    at main.js:1.

那個標志以前不是問題，所以我不知道為什么現在當我更改代碼時它變成了問題。

到目前為止，我一直在苦苦掙扎，因為我是 JavaScript 的新手並且沒有很好的掌握它。

Answer 1

您沒有在這里正確關閉您的功能：

client.get('ticket.requester.id').then(
  function(data) {
    var user_id = data['ticket.requester.id'];
    console.log('Requester id is ' + user_id);
)}});

應替換為：

client.get('ticket.requester.id').then(
    function(data) {
      var user_id = data['ticket.requester.id'];
      console.log('Requester id is ' + user_id);
  });

Answer 2

正如 HRK44 和 Quentin 指出的那樣，您在代碼中留下了一個不匹配的額外) 。 如果您使用旨在編寫代碼（例如 sublime 和 VS 代碼）的文本編輯器，您將能夠輕松識別此類錯誤，該編輯器傾向於包含語法突出顯示以搶先識別此類語法錯誤。

要修復您當前的錯誤，您可以更改 -

$(function () {
    var client = ZAFClient.init();
    client.invoke('resize', { width: '150%', height: '120px' });
    showInfo();
    showError();
    client.get('ticket.requester.id').then(
        function (data) {
            var user_id = data['ticket.requester.id'];
            console.log('Requester id is ' + user_id);
  )
}});

到

$(function () {
    var client = ZAFClient.init();
    client.invoke('resize', { width: '150%', height: '120px' });
    showInfo();
    showError();
    client.get('ticket.requester.id').then(
        function (data) {
            var user_id = data['ticket.requester.id'];
            console.log('Requester id is ' + user_id);
}});

Answer 3

試試這個：你只是放錯了括號。 右括號的數量是正確的。

client.get('ticket.requester.id').then(
    function (data) {
        var user_id = data['ticket.requester.id'];
        console.log('Requester id is ' + user_id);
    }
)

只需更正最后兩個括號，如圖所示。

$(function () {
    var client = ZAFClient.init();
    client.invoke('resize', { width: '150%', height: '120px' });
    showInfo();
    showError();
    client.get('ticket.requester.id').then(
        function (data) {
            var user_id = data['ticket.requester.id'];
            console.log('Requester id is ' + user_id);
        }
    )
});

Answer 4

希望這有用

$(function() {
  var client = ZAFClient.init();
  client.invoke('resize', { width: '150%', height: '120px' });
  showInfo();
  showError();
  client.get('ticket.requester.id').then(
    function(data) {
          var user_id = data['ticket.requester.id'];
          console.log('Requester id is ' + user_id);
    }
  );
}); // you didnt closed it properly