Zusammenfassung der Anwendungsbeispiele von eval und with in javascript_javascript skills

Die Beispiele in diesem Artikel beschreiben die Verwendung von eval und with in Javascript. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Wir alle kennen den Scope-Mechanismus von JavaScript, aber mit und eval „zerstören“ wir manchmal unser konventionelles Verständnis des Scopes. Fassen wir die Verwendung von eval und with unter Bezugnahme auf Online-Ressourcen und Ihr eigenes Verständnis zusammen.

1. Bewertung

1. Auswertungsfunktion: Behandeln Sie einen String als js-Ausdruck, um ihn auszuführen 2. Syntax: eval(strScript) Hinweis: Der Parameter strScript ist erforderlich

3. Gebrauchsanweisung

(1) Es hat einen Rückgabewert. Wenn die Parameterzeichenfolge ein Ausdruck ist, wird der Wert des Ausdrucks zurückgegeben. Wenn die Parameterzeichenfolge kein Ausdruck ist und keinen Wert hat, wird „undefiniert“ zurückgegeben.

4. Beispiel:

function $(s) { if (document.getElementById) { return eval('document.getElementById("' + s + '")'); } else { return eval('document.all.' + s); } } //eval,这个比较常用
var myTest = function() { return "eval test"; };
function evalTest() {
  //简单数据
  alert(eval("1+1")); //2
  alert(eval("'a'+1")); //a1
  alert(eval("1+'a'")); //1a
  alert(eval("parseInt('a'+1)")); //NaN
  alert(eval("parseInt(1+'a')")); //1
  alert(eval("true")); //true
  alert(eval("0==false")); //true
  alert(eval("1==undefined")); //false
  alert(eval("isNaN(undefined)")); //true
  //函数和对象
  alert(eval("this")); //[object]
  alert(eval("typeof(this)")); //object
  alert(eval("typeof(test)")); //undefined
  alert(eval("evalTest")); //这个显示当前函数的定义语句细节,包含注释
  //alert(eval("evalTest()")); //调用自己并执行,这个会有大问题啊!
  alert(eval("typeof(evalTest)")); //function
  //其他
  var tmpFunc = "{a:1}";
  alert(eval(tmpFunc)); //1
  alert(eval("(" + tmpFunc + ")")); //[object object]
  alert(eval("tmpFunc")); //{a:1}
  //alert(eval("tmpFunc()")); //脚本错误
  alert(myTest());
  eval("alert(myTest())"); //和上面等价
  alert(eval(myTest));
  alert(eval("myTest")); //和上面等价
  //form里的一个input,id=txtUserName
  eval("$('txtUserName').value='jeff wong';"); //等价于 $('txtUserName').value = 'jeff wong';
  eval("alert( $('txtUserName').value);");
}
evalTest(); 

(1) Klassische Codeanalyse

a. Häufig

var str = "global";
function test() {
  alert(str); //undefined
  var str = "local";
}
test();
alert(str); //global

b, eval, anstatt Variablen direkt zu deklarieren

var str = "global";
function test() {
  alert(str); //??
  eval("var str='local';");//会像我们预期的那样吗?
  //var str = "local";
  alert(str); //这里又是什么结果?
}
test();
alert(str); //??

(2) eval definiert globalen Code

a. Die Auswertungsfunktion, die mit IE und FF kompatibel ist und globalen Code definiert

var nav = new Object();
//通用eval函数
nav.Eval = function(jsCode) {
  if (document.all) //IE下是execScript
   execScript(jsCode);
  else window.eval(jsCode); //FF下是window.eval
}

b. Rufen Sie den Testcode von a auf

var nav = new Object();
//通用eval函数
nav.Eval = function(jsCode) {
  if (document.all) //IE下是execScript
   execScript(jsCode);
  else window.eval(jsCode); //FF下是window.eval
}
function test() {
  nav.Eval("var str = 'global';"); //这里声明变量str,在外面的函数中可以调用变量
  nav.Eval("var tmpFunc = function(){alert('global function');};"); //这里声明函数变量tmpFunc,在外面的函数中可以调用函数
  alert(str); //global
  tmpFunc(); //global function
}
test();
alert(str); //global (调用nav.Eval函数声明的全局变量)
tmpFunc(); // global function (调用nav.Eval函数声明的全局函数)

1.

. 2. Grammatik: mit (