Javascript学習メモ4 Eval関数_基礎知識

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

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

eval("alert(1 1)");

非常に単純で、文字列を JS に解釈します。コードが実行され、2 がポップアップ表示されます。
もちろん、上記の例は単なるおもちゃであり、実際に使用するほど愚かな人はいないでしょう。 eval 関数を使用する最も基本的な方法は、DOM 内で行うことだと思います。たとえば、div1、div2、div3 がある場合、document.getElementByID を使用するときに ID を取得する方法はありません。このようなプログラムを結合するには eval を使用します。例:

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

最も基本的な使い方を説明した後でも、この関数の用途がそれほど多くないとしても、誰もが興味を持っていると思います。つまらない。次に、eval() 関数を少しずつ見てみましょう。
eval のスコープから始めて、この関数を見てみましょう:

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

>

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

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

var test = function () {

eval("var i=3")
alert(i); ;
alert(i);



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

コードをコピー

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

alert(i);

}
test();
alert( i);



結果は 2 つの 3 が表示されますが、これは 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.c = 5;
this.fun = function ()
this.c = this.a this.b;
}
};
o.fun(); ;


または次のようにします:

コードをコピーします コードは次のとおりです:

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(); .fun();
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>var DBCommon = function ( ) { <span>alert("1."); <a style="CURSOR: pointer" data="84935" class="copybut" id="copybut84935" onclick="doCopy('code84935')">alert("3."); <U>alert("4."); alert("5."); } var SQLServerCommon: function () alert(" SQL Server 接続を確立します"); }, </script>

OpenConnection: function () { alter("SQL Server 接続を開きます") },

CreateCommand: function () { alter("SQL を作成します)サーバー コマンド"); },
ExcuteCommand: function () {alert("DSQL サーバー コマンドの実行"); },
CloseConnection: function () { alter("SQL Server 接続を閉じる"); }
};
var OracleCommon = {
CreateConnection: function () {alert("Oracle 接続を確立する"); },
OpenConnection: function () {alert("Oracle 接続を開く"); },
CreateCommand : function () {alert("Oracle コマンドの作成") },
ExcuteCommand: function () {alert("DOracle コマンドの実行") },
CloseConnection: function ( ) {alert("Oracle 接続を閉じる"); }
with (SQLServerCommon) {
eval("forSQLServer=" DBCommon);
with (OracleCommon)
eval(" forOracle=" DBCommon);
forSQLServer()
forOracle();


これを、粗雑なテンプレート メソッド パターンとしてはどうでしょうか?ふふ。 eval と with を使用してこれを呼び出し、関数のコンテキストを変更することもできます。
しかし、繰り返しになりますが、Eval は一般的な状況ではほとんど使用されず、完全に使用を避けることができます。