Rumah > Artikel > hujung hadapan web > 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
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();
a. Biasa
var str = "global"; function test() { alert(str); //undefined var str = "local"; } test(); alert(str); //global
var str = "global"; function test() { alert(str); //?? eval("var str='local';");//会像我们预期的那样吗? //var str = "local"; alert(str); //这里又是什么结果? } test(); alert(str); //??
a. Fungsi eval yang serasi dengan IE dan FF dan mentakrifkan kod 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
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 (9b3d317d3033408e60b01f9a43e2f0b5) ca809b8f54d50aa9e99446abfb3946fe
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.