Mustache.js: 템플릿 변수 이름 반환

내가 당신을 올바르게 이해하고 있다면 당신은 이와 같은 것을 원합니다

var myTemplate = "{{foo}} is {{bar}}";
var variableNames = Mustache.VariableNames(myTemplate) // ['foo', 'bar']

VariableNames 이 템플릿에서 모든 변수 이름을 반환했다고 가정합니다. 그것이 당신이 원하는 것이라면 콧수염 작성기에서 노출된 parse 함수를 사용하여 구현을 해킹할 수 있습니다.

다음은 시작하는 데 도움이 되는 몇 가지 코드입니다.

var results = Mustache.parse('{{foo}} is {{bar}}')
                       .filter(function(v) { return v[0] === 'name' })
                       .map(function(v) { return v[1]; });

console.log(results) // ["foo", "bar"]

이것의 순진한 버전을 구현할 수는 있지만 다음과 같은 이유로 모든 태그 이름을 명확하게 추출하는 방법은 없습니다.

{{# foo }}
  * {{ bar }}
{{/ foo }}

... {foo: {bar: 'baz'}} _또는_ {foo: true, bar: 'baz'}} 를 의미할 수 있습니다.

@bobthecow 는 이 상황에서 전적으로 옳습니다. 내가 제공한 예제는 모든 식별자 노드만 꺼내고 트리를 효과적으로 평면화하는 모든 구조도 제거합니다.

@Romanx @bobthecow 도와주셔서 감사합니다!

문제 없어요. 행운을 빕니다 :)

비슷한 요청이 있었지만 모든 변수 이름을 찾기 위해 트리를 탐색해야 했습니다. 누군가 참조가 필요한 경우 내가 사용한 솔루션을 공유할 것이라고 생각했습니다.

var parseTree = Mustache.parse('{{#foo}}{{bar}}{{/foo}} {{baz}}');
var variableList = parseTree.reduce(function flattenVariablesFromParseTree(acc, v){
                    if(v[0] === 'name'){
                      return acc.concat([v]);
                    } else if (v[0] === '#') {
                      return acc.concat(v[4].reduce(flattenVariablesFromParseTree, []));
                    } else {
                      return acc;
                    }
                  }, [])
                  .map(function(v){ return v[1]; });
//variableList: ["bar", "baz"]

@nicluo 이것도 모호성 문제로 고통 받고 있습니까?

네. 그것은 언어 사양에 내재되어 있습니다.

모호성 문제는 흥미롭습니다. 문서에서는 이 컨텍스트에서 값을 찾으려고 시도한 다음 값이 발견되지 않으면 상위 컨텍스트를 검색한다고 언급합니다. 약간의 조사를 통해 다음과 같은 사실을 알게 되었습니다.

{{bar}} 
{{#foo}}
  {{bar}} 
  {{#foo}}
    {{bar}} 
    {{#baz}}
      {{no}} 
      {{yes}}
    {{/baz}}
  {{/foo}}
{{/foo}}

var renderString = '{{bar}} {{#foo}}{{bar}} {{#foo}}{{bar}} {{#baz}}{{no}} {{yes}}{{/baz}}{{/foo}}{{/foo}}';
var renderContext = new Mustache.Context({
  bar: 'bar',
  baz: {
    no: 'no'
  },
  foo: {
    bar: 'y',
    foo: {
      bar: 'z',
      yes: 'yes'
    }
  }});

var parseTree = Mustache.parse(renderString);
var variableRefList = [];
var variableNameList = parseTree.reduce(function flattenVariablesFromParseTree(acc, v){
                    // Skip non-name or non-# tags
                    if(v[0] !== 'name' && v[0] !== '#'){
                      return acc;
                    }

                    var paths = [v[1]].concat(this.parents.slice(0).map(function(e){
                      return [e, v[1]].join('.');
                    }));

                    // Pops available context until a value is found
                    var path;
                    while(path = paths.pop()){
                      if(renderContext.lookup(path)){
                        //push to advanced list
                        variableRefList.push(path);
                        contextFound = true;
                        break;
                      }
                    }

                    if(v[0] === 'name'){
                      return acc.concat([v]);
                    } else if (v[0] === '#')  {
                      if(typeof renderContext.lookup(path) === 'object'){
                        this.parents = this.parents.concat([path]);
                      }

                      return acc.concat(v[4].reduce(
                        flattenVariablesFromParseTree.bind({
                          parents: this.parents
                        }), []));
                    }
                  }.bind({parents: []}), [])
                  .map(function(v){ return v[1]; });

//variableNameList: ["bar", "bar", "bar", "no", "yes"]
//variableRefList: ["bar", "foo", "foo.bar", "foo.foo", "foo.foo.bar", "baz", "baz.no", "foo.foo.yes"]
//Mustache.render(renderString, renderContext): bar y z no yes

이 예제는 매우 인위적이고 간결함을 유지하는 데 사용되는 많은 트릭이 있지만 바퀴를 재발명하는 것이 얼마나 어려운지 보여줘야 합니다. 건배

@Immortalin 문제에 대한 더 나은 정의를 자세히 설명하거나 제공할 수 있습니까? 객체에 중첩된 속성은 어떻게 됩니까? 더 완전한 입력 및 출력을 제공할 수 있습니까?

@dasilvacontin 이 기능을 필요로 하는 프로젝트가 현재 중단되어 당분간 이 작업을 종료합니다.

최상위 레벨만 얻을 수 있는 간단한 솔루션:

Mustache.parse(템플릿).filter(function(v) { return v[0] === '이름' || v[0] === '#' || v[0] === '&' } ).map(함수(v) { v[1] 반환; });