Javascript Codemirror自动完成-建议源

Javascript Codemirror自动完成-建议源,javascript,codemirror,Javascript,Codemirror,我正在使用codemirror自动完成演示。它显示了一些javascript关键字,如应用程序缓存、defaultStatus和framenet以及更多建议。我希望它显示我的关键字作为建议。但我无法找到这些javascript关键字的来源。请帮我完成这个..签出,其中包含一些关键字,如源代码中所示。e、 g.javascript关键字(第96行): 这应该让您开始编写自己的*-hint.js文件。Javascript模式很难理解。所以我采用python模式,更改python-hint.js非常简

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

签出,其中包含一些关键字,如源代码中所示。e、 g.javascript关键字(第96行):


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

Javascript模式很难理解。所以我采用python模式,更改python-hint.js非常简单,我得到了想要的输出。谢谢Eliran.

当我遇到这个问题时,我在问我自己的问题之前,实际上是在浏览旧的CodeMirror自动完成问题

Javascript补全来自多个源代码的组合,正如Eliran所指出的,您可以在源代码中看到这一点

这是此时的相关功能:

    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){

在真实情况下,它使用调用者传递的上下文对象(在本例中是一个属性链)。它可以使用可选的additionalContext对象,或者如果在选项中未明确禁用useGlobalScope,它可以使用global对象作为开始查找的基础(字符串、原子和函数类型具有特殊的处理逻辑)。然后,它使用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
,如果未明确禁用,则使用global对象作为
gatherCompletions
函数的对象。在这里,您还将注意上面提到的关键字。请注意,在
options.globalScope
或它采用window的值

总结 只需在此处快速显示所有来源:

  • javascriptKeywords
  • 功能道具
  • arrayProps
  • 支柱
  • 全局对象
  • 选项.附加上下文
  • token.state.localVars
  • token.state.globalVars
  • 上下文属性链

  • 事实上,这些只是其中的几个关键字,很多其他关键字都没有出现在这个文件中。好吧,我确实说过这应该让你开始…这只是一个查看演示代码的问题。使用源代码,luke!当然,这是一个很好的想法,简化了过程,是一种主动的方式。什么是
    选项
    ?我不这么认为它们都有文档记录,但您可以查看一下。在这种情况下,“additionalContext”隐含在上面的代码中:
    base=options.additionalContext[obj.string];
    。我想不起来obj.string的值是什么,但是你可以设置一个中断并检查它。就是这样,我不能检查它,因为整个函数中没有任何选项。我甚至在python-hint.js和show-hint.js中都找不到这个词。你必须手动指定选项。你应该d将其视为参数to(上一链接中当前版本中的第三个参数)。中还提供了更多信息。许多可用选项没有文档记录,因此您必须在代码中查找隐含值。
      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(" ");