名前パターンによるローカルjavascript変数の検索

Question

JavaScriptでは、ローカル変数は私が認識しているオブジェクトには存在しません。それは最後のオプションeval('x')は名前でこれらの変数を参照することが可能であることを示し、

function foo() { 
    const x = 2; 

    self.x; // undefined 
    this.x; // undefined 
    window.x; // undefined 
    x; // 2, obviously 
    eval('x'); // 2 
} 

です。これはオブジェクトの上に住んでいた場合、私はmyObject[Object.keys(myObject).find((key) => key.startsWith('foobar_'))]のようなものを使用することになり

function foo() { 
    // Code not under my direct control 
    function foobar_abc() {} 
    function other_functions() {} 

    // Code under my control 
    const matchingFunction = // find the function with name matching 'foobar_*' 
} 

：私はこれを拡張し、名前パターンを使用して変数にアクセスしていますよ。グローバルスコープの場合、myObjectはwindowとなり、すべて動作します。

evalが名前で変数にアクセスできるという事実は、値がどこかで利用可能であることを意味します。この変数を見つける方法はありますか？あるいは、私が直接コントロールしていない（潜在的に非常に複雑な）コードを書き直すテクニックに頼らなければならないのですか？

私は近代的なブラウザをターゲットにしています。この使用例では、evalまたは同様のハックの解決策を使用しても構いません。ユーザー提供のコードの実行が目的であるため、任意のコードは既に実行されています。

Answer 1

もう1つの方法は、コード解析を使用して、javascript AST（抽象構文ツリー）ライブラリを使用して関数名を推測することです。

https://www.npmjs.com/package/esprima

だからあなたはそれが動作するはず示唆しているドキュメントで、私はこれを試していない自分自身を

import esprima from 'esprima' 

const userCodeStructure = esprima.parseScript(userProvidedJavascriptString); 

const allTopLevelFunctionDeclarations = userCodeStructure.body.filter(declaration => declaration.type === "FunctionDeclaration"); 

const allTopLevelFunctionNames = allTopLevelFunctionDeclarations.map(d => d.id); 

を行うことができます（または何か：「esprima」パッケージには、おそらく見て良い場所になりますそれのように）：変数名に頼る

http://esprima.readthedocs.io/en/latest/

Answer 2

ここで役立つ可能性のあるアプローチは、関数ではなくグローバルスコープで評価することです。関数はローカルスコープではなくウィンドウオブジェクトに配置される可能性があります。

これを行う最も簡単な方法は、ドキュメントに新しいタグを書き込み、ユーザー提供のコードを注入することです。

Answer 3

は間違ったアプローチです。

evalは悪です。 CSPでは利用できない場合があります。コードがブラウザで実行されるはずであることを考慮すると、最も大きな問題は、の変数に予想される名前がないことです。彼らはa,b, ...

名前を維持するために、それらはオブジェクトプロパティでなければならず、オブジェクト上で利用できるようにする必要があります。

または私は技術に頼らなければなりません（潜在的に非常に複雑な）コード

これはリファクタリングであり、それは匂いと大きな問題を作成し、不正なコードを避けるために行われるべきものだを再書き込み。