javascript - Codemirror 自动完成 - 建议来源

Question

我正在使用 codemirror 自动完成演示。它显示了一些 javascript 关键字，例如应用程序缓存、defaultStatus 和 framenet 以及更多建议。我希望它显示我的关键字作为建议。但我无法找到这些 javascript 关键字的来源。请在这件事上给予我帮助..

Answer 1

Javascript 模式很难理解。所以我采用了 python 模式，更改 python-hint.js 非常容易，我得到了我想要的输出。谢谢伊莱兰..

Answer 2

Check out javascript-hint.js，其中包含一些关键字，可以在源代码中看到。例如 javascript 关键字（第 96 行）：

var javascriptKeywords = 
    ("break case catch continue debugger default delete do else false finally for function " +
     "if in instanceof new null return switch throw true try typeof var void while with")
    .split(" ");

这应该让您开始编写自己的*-hint.js文件。

Answer 3

当我遇到这个问题时，我实际上是在查看旧的 CodeMirror 自动完成问题之前提出我自己的问题。

Javascript 补全来自多种来源，您可以在源代码中看到这一点，正如 Eliran 指出的javascript-hint.js。

这是此时的相关功能：

    function getCompletions(token, context, keywords, options) {
    var found = [], start = token.string, global = options && options.globalScope || window;
    function maybeAdd(str) {
      if (str.lastIndexOf(start, 0) == 0 && !arrayContains(found, str)) found.push(str);
    }
    function gatherCompletions(obj) {
      if (typeof obj == "string") forEach(stringProps, maybeAdd);
      else if (obj instanceof Array) forEach(arrayProps, maybeAdd);
      else if (obj instanceof Function) forEach(funcProps, maybeAdd);
      for (var name in obj) maybeAdd(name);
    }

    if (context && context.length) {
      // If this is a property, see if it belongs to some object we can
      // find in the current environment.
      var obj = context.pop(), base;
      if (obj.type && obj.type.indexOf("variable") === 0) {
        if (options && options.additionalContext)
          base = options.additionalContext[obj.string];
        if (!options || options.useGlobalScope !== false)
          base = base || global[obj.string];
      } else if (obj.type == "string") {
        base = "";
      } else if (obj.type == "atom") {
        base = 1;
      } else if (obj.type == "function") {
        if (global.jQuery != null && (obj.string == '$' || obj.string == 'jQuery') &&
            (typeof global.jQuery == 'function'))
          base = global.jQuery();
        else if (global._ != null && (obj.string == '_') && (typeof global._ == 'function'))
          base = global._();
      }
      while (base != null && context.length)
        base = base[context.pop().string];
      if (base != null) gatherCompletions(base);
    } else {
      // If not, just look in the global object and any local scope
      // (reading into JS mode internals to get at the local and global variables)
      for (var v = token.state.localVars; v; v = v.next) maybeAdd(v.name);
      for (var v = token.state.globalVars; v; v = v.next) maybeAdd(v.name);
      if (!options || options.useGlobalScope !== false)
        gatherCompletions(global);
      forEach(keywords, maybeAdd);
    }
    return found;
  }

在这里你可以看到一些来源。 关键字是调用函数（未显示）提供的参数，在这种情况下，它是 Eliran 提到的拆分字符串：

 var javascriptKeywords = ("break case catch continue debugger default delete do else false finally for function " +
              "if in instanceof new null return switch throw true try typeof var void while with").split(" ");

那么这里的逻辑就有一个分支：if (context && context.length) {

在真实情况下，它使用调用者传递的上下文对象（在这种情况下是属性链）。它可以使用可选的附加上下文对象，或者如果未在选项中明确禁用 useGlobalScope，它可以使用全局对象作为开始查找的基础（字符串、原子和函数类型具有特殊的处理逻辑）。然后它使用 while 循环来解析上下文链并调用gatherCompletions. 根据传递给gatherCompletions它的对象的类型，可以尝试添加拆分字符串提供的其他硬编码列表：

  var stringProps = ("charAt charCodeAt indexOf lastIndexOf substring substr slice trim trimLeft trimRight " +
                     "toUpperCase toLowerCase split concat match replace search").split(" ");
  var arrayProps = ("length concat join splice push pop shift unshift slice reverse sort indexOf " +
                    "lastIndexOf every some filter forEach map reduce reduceRight ").split(" ");
  var funcProps = "prototype apply call bind".split(" ");

或者通过迭代 javascript 对象本身的属性。

最后，在 else 情况下token.state.localVars，token.state.globalVars如果没有显式禁用，则再次将全局对象用作gatherCompletions函数的对象。在这里，您还将注意到上面提到的关键字。请注意，global 要么在 中提供，要么options.globalScope采用 window 的值。

概括

只是为了在这里快速显示所有来源：

1. javascript关键字
2. funcProps
3. 数组道具
4. 字符串道具
5. 全局对象
6. options.additionalContext
7. token.state.localVars
8. token.state.globalVars
9. 上下文属性链