Rumah >hujung hadapan web >tutorial js >Analisis perbandingan dua kaedah menghuraikan Json dalam Ajax_json

Analisis perbandingan dua kaedah menghuraikan Json dalam Ajax_json

WBOY
WBOYasal
2016-05-16 15:53:001380semak imbas

eval(); //Kaedah ini tidak disyorkan

JSON.parse(); //Kaedah yang disyorkan

1. Perbezaan antara dua kaedah

Kami mula-mula memulakan objek dalam format json:

  var jsonDate = '{ "name":"周星驰","age":23 }'

  var jsonObj = eval( '(' + jsonDate + ')' ); // eval();方法

  var jsonObj = JSON.parse( jsonDate ); // JSON.parse(); 方法

Kemudian panggil dalam konsol:

console.log( jsonObj.name ); // Kedua-dua kaedah boleh dimasukkan dengan betul Stephen Chow

Maka persoalannya, apakah perbezaan antara kedua-dua kaedah? (Mari kita ubah sedikit kod di bawah, fon biru adalah bahagian yang diubah suai)

  var jsonDate = '{ "name":alert("hello"),"age":23 }'

  var jsonObj = eval( '(' + jsonDate + ')' ); // eval();方法

  console.log( jsonObj.age ); //会先执行“alert”输出“hello” 然后才输出 23

Ganti kaedah "JSON.parse();":

  var jsonDate = '{ "name":alert("hello"),"age":23 }'

  var jsonObj = JSON.parse( jsonDate ); // JSON.parse(); 方法

  cosole.log( jsonobj.age ) // 报错 这个错误告诉我们这个字符串是不合法的

Ringkasan: Kaedah "eval();" tidak akan menentukan sama ada rentetan itu sah semasa menghuraikan, dan kaedah js dalam objek json juga akan dilaksanakan, yang sangat berbahaya dan "JSON.parse(); “Tidak perlu diperkatakan kelebihan kaedah ini, kaedah ini disyorkan. (Rakan yang tidak faham boleh mengujinya sendiri pada konsol)

2. Isu pengembangan

Salin kod Kod adalah seperti berikut:

var jsonDate = '{ "nama":"Stephen Chow","umur":23 }'

Anda dapat melihat bahawa dalam ujian di atas, tanda petikan di luar pendakap kerinting telah ditandakan dengan warna merah pasangan tanda petikan ini sangat kritikal tetapi sering diabaikan, kerana "eval(); dan "JSON .parser ();" Parameter kedua-dua kaedah ini hanya menerima rentetan, yang bermaksud ia hanya boleh menghuraikan rentetan!!

Kemudian saya mempunyai pemikiran Jika kita tidak menambah tanda petikan semasa memulakan, maka ia sendiri adalah objek, dan js boleh terus mendapatkan sifat dan kaedah objek itu sendiri; mengubahnya menjadi aksara? Kemudian gunakan "eval();" atau "JSON.parse();" bukankah ini tidak mesra alam dan tidak cekap?

Alasannya sangat mudah: bahagian hadapan hanya boleh memberikan format data rentetan ke bahagian belakang yang dikembalikan ke bahagian hadapan bergantung pada format data yang dikembalikan mesti dihuraikan sebelum digunakan.

(Ini adalah masalah kecil yang pada umumnya tidak diendahkan dan tidak diberi perhatian oleh semua orang. Sebab mengapa saya ingin tahu adalah kerana saya tidak tahu cukup tentang bahagian belakang. Saya menyiarkan soalan ini dengan harapan ia akan membantu rakan yang tidak biasa dengan bahagian belakang dan mengetahui cara ia berfungsi secara semula jadi akan mendalamkan ingatan anda selepas kejadian itu, jadi anda tidak akan terlepasnya semasa proses pembangunan)

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn