javascript eval(func()) の使用例_javascript スキル

eval の機能は実際には非常に単純で、文字列を JS インタープリターに渡し、JavaScript インタープリターがその文字列を Javascript コードに解釈して実行します。

最も単純な例を見てみましょう:

コードをコピーします コードは次のとおりです: eval("alert(1 1)"); script> 文字列を解釈します。 JS へ コードが実行され、2 がポップアップ表示されます。

もちろん、上記の例は単なるおもちゃであり、実際に使用するほど愚かな人はいないでしょう。 eval 関数を使用する最も基本的な方法は、DOM 内で行うことだと思います。たとえば、div1、div2、div3 がある場合、document.getElementByID を使用するときに ID を取得する方法はありません。このようなプログラムを結合するには eval を使用します。例: コードをコピー コードは次のとおりです: for (var ループ = 1; ループ eval('document.getElementById("div" ループ).innerHTML="123"'); } script> 最も基本的な使い方を説明した後、この関数がこのような使い方しかない場合、誰もがこの関数に興味を持つと思います。次に、eval() 関数を少しずつ見てみましょう。

まずは eval のスコープからこの関数を見てみましょう: コードをコピー コードは次のとおりです: eval("var i=3");

コードは非常に単純で、結果がポップアップ表示されます。次に、このコードを比較します。

コードをコピー コードは次のとおりです: var test = function () { eval("var i=3") alert(i); ; alert(i); script>

結果は、最初に 3 が表示され、次に未定義になります。

次に説明します。eval() 関数によって動的に実行されるコードは新しいスコープを作成せず、そのコードは現在のスコープで実行されます。つまり、 eval() 関数は、現在のスコープ内の this、引数、および他のオブジェクトも使用できます。 IE では、eval() によく似た関数 execScript() がサポートされています。簡単なコードを書くことができます。

コードをコピー コードは次のとおりです: var test = function () { execScript("var i=3"); alert(i); } test(); alert( i); script>

結果は 2 つの 3 が表示されます。これは、execScript 関数の特徴を示しています。まず、これは eval と似ており、文字列を解釈できます。を JS コードに変換して実行しますが、そのスコープは現在のスコープではなく、グローバル スコープです。上記のコードを Firefox と Google Chrome に入れて試してみると、execScript のコードが Firefox では無効であることがわかります。これは、execScript コードのブラウザ互換性にも問題があることを示しています。

すると、これら 2 つの機能、つまりブラウザーのグローバル互換性の「利点」をどのように組み合わせることができるかという疑問が生じます。ネットで調べて自分でまとめてみるとこんな感じです:

コードをコピー コードは次のとおりです: var StrongEval = function (code) { if (window.navigator.userAgent.indexOf("MSIE") >= 1) { execScript(コード); } if (window.navigator.userAgent.indexOf("Firefox") >= 1) { window.eval(コード); else { execScript(code); } }; var Test = function () { StrongEval("var i=3"); 🎜> テスト(); アラート(i)>

これは FF と IE と完全に互換性があります。重要なコードは、FF では eval と window.eval が同等ではないということです。これは非常に奇妙なことです。

さらに、 eval を使用して、いくつかの奇妙なトリックを実現することもできます。

一般的な意味では次のようなコードを書くことができます: コードをコピー コードは次のとおりです: var obj = function () { this.a = 1; this.b = 2; this.fun = 関数() { this.c = this.a this.b; } var o = new obj() alert; (o.c ; var obj = { a: 1, b: 2, c: 5, fun: function () { this.c = this.a this.b ; } } またはこれ: コードをコピー

コードは次のとおりです。

var obj = function () { this.a = 1; this.c = 5; obj.prototype.fun = function () { this.c = this.a this.b; } var o = new obj(); () ; alert(o.c); 何にしても、これにはうんざりしていますか？次に、少なくとも感覚にとってより快適になるように、まったく異なるアプローチを採用してみましょう。 コードをコピー

コードは次のとおりです:

var funtemp = function () { c = a b; } var obj = { a: 1, b: 2, c: 5 }; with (obj) { eval("fun = " funtemp); alert(obj. c); script> これは非常に強制的なものなので、快適かどうかについては議論しません。そのような状況について話し合いましょう。

コードをコピー

コードは次のとおりです。

単純なテンプレート メソッド パターンについてはどうでしょうか?ふふ。 eval と with を使用してこれを呼び出して、関数のコンテキストを変更することもできます。

しかし、繰り返しになりますが、Eval は一般的な状況ではほとんど使用されず、完全に使用を避けることができます。