2

codemirror オートコンプリート デモを使用しています。application cache、defaultStatus、framenet などのいくつかの JavaScript キーワードと、さらに多くの提案が表示されます。キーワードを候補として表示したい。しかし、これらの JavaScript キーワードのソースを見つけることができません。これで私を助けてください..

4

3 に答える 3

3

Javascript モードは非常に理解しにくかったです。だから私はpythonモードを取り、python-hint.jsを変更するのはとても簡単で、私が望むものを出力しました。エリランありがとう..

于 2013-07-25T13:54:01.610 に答える
1

これに遭遇したとき、私は自分自身の質問をする前に、実際には古い 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) {

true の場合、呼び出し元から渡されたコンテキスト オブジェクト (この場合は一連のプロパティ) を使用します。オプションのadditionalContextオブジェクトを使用できます。また、オプションで 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. stringProps
  5. グローバル オブジェクト
  6. options.additionalContext
  7. token.state.localVars
  8. token.state.globalVars
  9. コンテキスト プロパティ チェーン
于 2015-10-13T20:07:20.380 に答える