Ringkasan contoh penggunaan eval dan dalam kemahiran javascript_javascript

Contoh dalam artikel ini menerangkan penggunaan eval dan dengan dalam javascript. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

Kita semua tahu mekanisme skop JavaScript, tetapi dengan dan kadangkala "memusnahkan" pemahaman konvensional kita tentang skop. Mari kita ringkaskan penggunaan eval dan dengan merujuk kepada sumber dalam talian dan pemahaman anda sendiri.

1. eval

1. fungsi eval: layan rentetan sebagai ungkapan js untuk melaksanakannya 2. Sintaks: eval(strScript) Nota: Parameter strScript diperlukan

3. Arahan penggunaan

(1) Ia mempunyai nilai pulangan Jika rentetan parameter ialah ungkapan, nilai ungkapan akan dikembalikan. Jika rentetan parameter bukan ungkapan dan tidak mempunyai nilai, maka "undefined" dikembalikan.

(2) Apabila rentetan parameter dilaksanakan sebagai kod, ia berkaitan dengan konteks di mana fungsi eval dipanggil, iaitu pembolehubah atau panggilan fungsi yang muncul di dalamnya mesti tersedia dalam konteks di mana eval dipanggil.

4

5, eval dan skop

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) Analisis kod klasik

a. Biasa

Analisis: Seperti yang kami jangkakan, nilai yang ditentukan diperolehi. Keputusan str dalam fungsi ujian tanpa var dan dengan pengisytiharan var juga berbeza.

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

b, eval dan bukannya mengisytiharkan pembolehubah secara langsung

Analisis: Berbanding dengan kaedah penulisan dalam a, kami hanya menggunakan pernyataan eval dalam fungsi ujian untuk menggantikan ayat yang secara langsung mengisytiharkan var untuk mentakrifkan pembolehubah dan hanya berjaga-jaga pada penghujungnya.

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

(2) eval mentakrifkan kod global

a. Fungsi eval yang serasi dengan IE dan FF dan mentakrifkan kod global

Untuk pelayar IE, fungsi execScript digunakan untuk melaksanakan kod dalam ruang global.

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

Untuk pelayar Firefox, jika fungsi eval dipanggil terus, ia akan dilaksanakan dalam ruang pemanggil jika window.eval dipanggil, ia akan dilaksanakan dalam ruang global tetapi nilai pulangan alert(eval==window. eval) adalah benar, yang pelik ff.

b. Panggil kod ujian a

Analisis: Melalui kod dalam b, anda mungkin telah menemui kesulitan yang jelas dalam mentakrifkan kod global eval, iaitu, untuk kod global, gesaan pintar js (di sini vs, dan alat lain mungkin juga) hilang sepenuhnya . Daripada ini, anda pasti akan bertanya, jika banyak kod global ditakrifkan dalam program melalui eval, adakah kebolehselenggaraannya terlalu rendah? Pendapat saya ialah saya bersetuju dengan ringkasan di Internet dan kurang menggunakan eval. Lagipun, alat siap sedia tidak dapat memberikan gesaan yang baik, dan penglihatan pengaturcara selalunya tidak begitu baik.

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函数声明的全局函数)

2. dengan

1. dengan pernyataan: Tentukan objek lalai untuk satu atau sekumpulan pernyataan, biasanya digunakan untuk memendekkan jumlah kod yang mesti ditulis dalam situasi tertentu

.

2. Tatabahasa: dengan () dengan (objek) kenyataan
(1) Objek parameter: objek lalai baharu; (2) pernyataan: satu atau lebih pernyataan, objek adalah objek lalai pernyataan itu.

3. Contoh:

4 dengan akan mengubah suai rantai skop buat sementara waktu

function withTest() {
 with (document) { //document的重复使用
 writeln("Hello,");
 writeln("it's a with keyword test!");
 }
 with (Math) { //Math的重复使用
 alert(random());
 alert(abs(-10));
 }
}
withTest();

Analisis: Apabila fungsi withTest ditakrifkan, rantai skop withTest ditentukan buat sementara waktu bahawa bahagian atas rantai skop ini ialah objek tetingkap Apabila withTest dilaksanakan, enjin js menghasilkan objek panggilan (memanggil objek ) dan tambahkannya pada penghujung rantai skop (selepas objek tetingkap apabila pernyataan berjalan ke dengan(dokumen), skop baharu akan dihasilkan (pada dasarnya, skop ini adalah sama dengan skop fungsi biasa). , kecuali bahawa Walau bagaimanapun, selepas klausa dengan dilaksanakan, skop hilang) dan ditambah pada penghujung rantai skop, jadi apabila mencari pembolehubah dalam dengan, keutamaan akan diberikan kepada skop dengan (dokumen) rantaian ini. , kemudian cari dari objek panggilan withTest, dan akhirnya cari tetingkap. Selepas pernyataan dalam with dilaksanakan, rantai skop dipulihkan kepada keadaan asalnya (skop yang dijana oleh with(dokumen) dialihkan keluar daripada rantai skop).

function withTest() {
 var userName = "jeff wong";
 //暂时修改作用域链
 with (document) {
 writeln("Hello,");
 writeln(userName);
 }//with内的语句执行完之后，作用域链恢复原状
 alert(userName);
}
withTest();

ps: dengan tidak disyorkan kerana ia memerlukan pengendalian rantai skop (bergerak masuk dan keluar dari skop), yang menghasilkan kecekapan pelaksanaan yang rendah.

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan JavaScript.