javascript - 确定 JavaScript 语法在 ACE 的更改处理程序中是否有效

Question

我正在使用ACE用于交互式 JavaScript 编辑的编辑器。当我将编辑器设置为 JavaScript 模式时，ACE 会自动确定代码是否有效，并在无效时突出显示错误消息和行号。

在 change 事件处理程序期间，我想在尝试 eval() 之前检测 ACE 是否认为代码有效。我认为我可以做到这一点的唯一方法是:

var jsMode = require("ace/mode/javascript").Mode;
var editor = ace.edit('mycode'), edEl = document.querySelector('#mycode');
editor.getSession().setMode(new jsMode);
editor.getSession().on('change',function(){
  // bail out if ACE thinks there's an error
  if (edEl.querySelector('div.ace_gutter-cell.ace_error')) return;
  try{
    eval(editor.getSession().getValue());
  }catch(e){}
});

但是:

1. 依靠 UI 中某个元素是否存在特定类似乎非常脆弱，但更重要的是，
2. 解析的视觉更新发生在 change 回调发生之后。

因此，我实际上必须等待超过 500 毫秒(JavaScript 工作线程启动之前的延迟):

editor.getSession().on('change',function(){
  setTimeout(function(){
    // bail out if ACE thinks there's an error
    if (edEl.querySelector('div.ace_gutter-cell.ace_error')) return;
    try{
      eval(editor.getSession().getValue());
    }catch(e){}
  },550); // Must be longer than timeout delay in javascript_worker.js
});

有没有更好的方法，在 JS 模式的未记录的 API 中，询问是否有错误？

Answer 1

当注释更改时，当前 session 会触发 onChangeAnnotation 事件。

之后，可以按如下方式检索新的一组注释

var annotations = editor.getSession().getAnnotations();

似乎可以解决问题。它返回一个 JSON 对象，其中行作为键，数组作为值。 value 数组可能有多个对象，具体取决于每一行是否有多个注释。

结构如下(从firebug复制 - 用于我编写的测试脚本)

// annotations would look like
({

82:[
    {/*annotation*/
        row:82, 
        column:22, 
        text:"Use the array literal notation [].", 
        type:"warning", 
        lint:{/*raw output from jslint*/}
    }
],

rownumber : [ {anotation1}, {annotation2} ],

...

});

所以..

editor.getSession().on("changeAnnotation", function(){

    var annot = editor.getSession().getAnnotations();

    for (var key in annot){
        if (annot.hasOwnProperty(key))
            console.log("[" + annot[key][0].row + " , " + annot[key][0].column + "] - \t" + annot[key][0].text);
    }

});

// thanks http://stackoverflow.com/a/684692/1405348 for annot.hasOwnProperty(key) :)

当注释发生变化时，应该为您提供当前 Ace 编辑 session 中所有注释的列表!

希望这有帮助!